2012-04-17 40 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。

恐怕我沒有找到確切的輸入框滾動狀態的完整解決方案。