父级的CKEditor"溢出:滚动"导致工具栏在初始位置冻结

Question

当您将div中的CKEditor添加到div中的div时:"overflow:scroll"滚动父div时工具栏将不会移动...

<div id="wrapper" style="overflow: scroll;">
    <div contenteditable="true">This is the ckedito</div>     
</div>

一个例子可以在这里找到:http://jsfiddle.net/W8Dt4/

有谁知道围绕这个问题的解决方法？

我认为理想的行为是:

• 当有足够的空间时,将工具栏保持在编辑器div的顶部.
• 当顶部没有足够的空间并且底部有足够的空间时,将工具栏移动到编辑器div的底部.

Answer 1

使用版本4.4.3,我能够以类似于在CKEditor中的其他区域中完成的方式触发窗口滚动事件来解决此问题.将滚动事件附加到具有溢出的父容器:scroll; 设置它并触发窗口滚动.定位有点笨重,但仍然有效.

$("#parent-with-scroll").on('scroll', function (evt) {
    CKEDITOR.document.getWindow().fire('scroll');
});