问 无法将工具栏固定在内容/正文可滚动的富文本区域的顶部

EN

目的是将ckEditor工具栏固定在顶部，同时能够滚动内容。当前，工具栏会从屏幕上滚动，如GIF图像below.This组件所示，它位于一个可滚动的页面上。因此，当我尝试时， position:fixed; 无法工作。

​

标签问题茎保持在顶部，并由Vuetify组件包装。

工具栏项上的ck-工具栏类具有以下CSS

.ck.ck-toolbar {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

我添加了以下CSS以使内容可滚动。

#ckEditorQuestionStem .ck.ck-toolbar > .ck-toolbar__items {
   position: relative !important;
   z-index: 10;
#ckEditorQuestionStem .ck.ck-editor__main {
  max-height: 400px;
  overflow-y: auto;
  position: relative !important;
}

这方面的HTML显示在下面的屏幕截图中

​

我试过贴 here 的方法。还尝试在编辑器配置的工具栏下添加 viewportTopOffset: 50, 。到目前为止还没有运气。