Chrome和Safari在DIV中可见DIV区域内有溢出:隐藏时跟随插入符号

时间:2012-11-12 17:52:41

标签: google-chrome safari scroll contenteditable caret

我现在差不多整整2天都遇到了这些麻烦,并认为这是我在放弃之前获得2页编辑器整洁解决方案的最后机会。

请先使用 Firefox 查看: http://twopageeditor.bastianschulz.com/

步骤进行:

  1. 将插入符号设置为最后一行“Exiles,similes和reviles;”
  2. 按“向下箭头”键
  3. 结果:插入符号位于第2页的第一行

    关于实施的简短解释: - 编辑器包含两个独立的可信DIV元素。 - 如果通过在可信任的DIV元素内移动光标而离开页面,我们只需交换DIV元素的位置和位置,但插入符号保留在同一个DIV元素中。当我们还在第1页时,位于左侧的页面2仍然是右侧的相同DIV元素。 - 当对文本进行更改时,未选中的DIV元素会模糊,因为它可能已过时。当再次取消选择所选的DIV元素时,其内容将完全复制到另一个DIV元素中,以便保留所有已完成的更改,从而与其他DIV元素同步。

    现在使用 Chrome Safari (IE根本没有,这将是我的下一期......) 步骤进行:

    1. 将插入符号设置为最后一行“Exiles,similes和reviles;”
    2. 按“向下箭头”键
    3. 结果:插入符号位于第2页的第1行

      但是:此行不可见。再次按下箭头键,它出现在第2页的第二行。当你按下向上箭头键时,内容再次移动,插入符号位于第1行,第2页显示应该显示(和Firefox一样)正确地)。

      原因:在您按下第一页上的向下箭头键后,您将在一秒钟内看到此DIV中的内容由浏览器自动滚动,以便插入符号的位置仍然可见。这导致DIV元素的位移为其CSS top属性的20px。此后设置top的新绝对值:-520px,例如(页面/视口的高度为520px)这种奇怪的20px移位仍然存在。

      我还没有找到一种方法,当内容不再可见时,如何停止自动滚动内容。或者至少能够将可疑的DIV重置回正常状态。

      任何想法?

      干杯!

0 个答案:

没有答案