首页 文章

滚动“可滚动”div时，Ckeditor内联编辑器会保留在屏幕上

提问于
浏览 次
1

我有一个 "scrollable" div . 在这个div中我有一些文本和另一个div与contenteditable = true .

HTML源代码如下所示

<div id='scrollable' style="overflow:scroll;height:500px;width:90%;position:absolute">
some text
   <div id='editable' style="color:red" contenteditable=true>editable div</div>
some text
</div>

“editable”div的内联ckeditor编辑器应出现在页面加载中 . 这是通过聚焦div来完成的 .

$( document ).ready(function() {
  $("#editable").focus();
});

问题是，当我滚动“可滚动”div时，内联编辑器会停留在屏幕上 . 当我滚动时，我希望它保持“屏幕外” . 我的意思是，我希望它在可滚动的div中表现得像一个常规元素 .

我准备了jsfiddle但是为了测试我建议查看结果页面separately . 在FF和Chrome中测试过

javascript jquery scroll ckeditor

1 回答

  • 1

    你可以做点什么

    $( document ).ready(function() {
  // Handler for .ready() called.
  $("#editable").focus();
     setInterval(function(){$("#cke_editable").css("top",($("#editable").offset().top - $("#cke_editable").height())+"px")})
});

    看得对吗here

    回复于

相关问题