两个<div>的滚动在一起

Question

我正在写我的毕业论文，这是一种交互式编程语言，应该使用javascript在浏览器环境下运行。

在那一刻，我使用一条输入行并输入event来开始交互并提供反馈。我想要更改为有一个文本输入和它旁边的第二个字段，在那里显示结果。我使用

<div id = "code" conetenteditable="true"> </div>
<div id= "result"><div>

两者都放在一个表格行中，所以它们是相邻的，我如何才能让结果根据代码的实际滚动来滚动？

顺便说一下，我使用jquery作为库。

谢谢,

Rainer

Answer 1

要使元素固定在页面上并在滚动时保持不变，必须使用CSS。

代码应如下所示：

<div id = "code" conetenteditable="true" style="position:fixed;"> </div>
<div id= "result" style="position:fixed"><div>

您可以使用top、bottom、left、right随心所欲地定位它们。

Answer 2

在你的两次跳水中使用css固定位置。就像这样：

#id,#result{
  position: fixed;
}

Answer 3

我相信你的问题不在于元素的位置，而在于#result div中的文本滚动。

如果是这种情况，您可能希望使用overflow css属性让div显示一个内部滚动条。

#result {
    overflow-y:auto;
    max-height:100px;
}

在这个例子中，如果div里面的文本超过100px，它就会滚动。