2012-04-17 54 views
1

这是一个挑战:保持文本输入滚动同步

假设您有两个文本输入,如this fiddle。当用户“滚动”到一个内部时(例如通过将光标移动到最右或最左侧),我想“滚动”另一个以保持同步。至少在现代浏览器中,这可以完成吗?

+0

我相信这是不可能的。 – 2012-04-17 18:50:41

+0

我可以假设两者都是固定宽度的字体吗? – 2012-04-17 18:52:05

+0

@rami我倾向于相信你。我认为我可以用'setSelectionRange'来做到这一点,但是如果它具有焦点,只会导致输入滚动,并且两个输入不能同时获得焦点。尽管如此,即使是一个黑客解决方案也很酷。 – 2012-04-17 18:59:49

回答

0

我会改变没有被输入到IFrame的文本。如果两者都需要输入,那么在将元素从iframe动态切换为输入时,要将其重点放在/离开。

在输入框中,您可以使用选择属性找到插入符号的位置;那么可以使用scrollTo滚动IFrame。

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