javascript - 保持文本输入滚动同步

Question

这是一个挑战：

假设您有两个文本输入，就像在这个 fiddle中一样。当用户在一个内部“滚动”时（例如，通过将光标移动到最右边或最左边），我想“滚动”另一个以使其保持同步。至少在现代浏览器中可以做到这一点吗？

Answer 1

我会将未输入到 IFrame 的文本更改。如果两者都需要作为输入，则在聚焦/远离时将元素从 iframe 动态切换为输入。

在输入框中，您可以通过选择属性找到插入符号的位置；然后可以使用 scrollTo 滚动 IFrame。

恐怕我没有完整的解决方案来准确找出输入框的滚动状态。