自从将近 2 天以来，我一直在遇到这些麻烦，并将这是我在放弃之前获得 2 页编辑器的简洁解决方案的最后机会。
请先使用Firefox并查看： http ://twopageeditor.bastianschulz.com/
脚步：
- 将插入符号设置到最后一行“流放者，明喻和辱骂；”
- 按“向下箭头”键
结果：插入符号位于第 2 页的第一行
关于实现的简短说明： - 编辑器包含两个单独的 contenteditable DIV 元素。- 如果通过在内容可编辑的 DIV 元素中移动光标来离开页面，我们只需交换 DIV 元素的位置和位置，但插入符号保持在同一个 DIV 元素中。左侧的第 2 页仍然是我们仍在第 1 页时在右侧的 DIV 元素。 - 对文本进行更改后，未选中的 DIV 元素会变得模糊，因为它可能是过时的。当再次取消选择选定的 DIV 元素时，其内容将完全复制到另一个 DIV 元素中，以便保留已完成的所有更改并因此与另一个 DIV 元素同步。
现在使用Chrome或Safari（根本没有 IE，这将是我的下一个问题......）步骤：
- 将插入符号设置到最后一行“流放者，明喻和辱骂；”
- 按“向下箭头”键
结果：插入符号位于第 2 页的第一行 1
但是：这一行是不可见的。再次按向下箭头键，它出现在第 2 页的第二行。当您现在按向上箭头键时，内容再次移动，插入符号在第 1 行，第 2 页按原样显示（就像 Firefox 一样正确）。
原因：在您按下第一页上的向下箭头键后，您会在片刻间看到此 DIV 中的内容会被浏览器自动滚动，因此插入符号的位置仍然可见。这会导致 DIV 元素的 CSS 顶部属性位移 20 像素。此后设置 top:-520px 的新绝对值时，例如（页面/视口的高度为 520px），这种奇怪的 20px 偏移仍然存在。
我还没有想出一种方法，当它不再可见时如何停止内容的自动滚动。或者至少能够将可内容编辑的 DIV 重置回其正常状态。
任何人的想法？
干杯!