保持textarea和div的滚动位置相同

Question

我有一个HTML页面，左侧是textarea，右侧是div。 两者都有100％的高度和50％的宽度。 div有一个溢出，所以它永远不会拉伸页面。

我希望将在textarea中输入的所有内容复制到div中，以便它们始终相同。虽然这没有问题但是当内容对于页面变得很大并且我们开始滚动时会出错。我想和textarea一起滚动div。 关于如何做到这一点的任何想法？

Answer 1

我找到了答案。 使用onscroll函数，而不是使用scrollTop属性似乎工作。

function handleScroll(event){
    document.getElementById("display").scrollTop=document.getElementById("editor").scrollTop;
}

非常感谢;）