两个<div>粘在一起滚动</div>

Question

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

目前我使用输入行并输入事件来开始互动并提供反馈。 我想将其更改为在其旁边显示textinput和第二个字段，其中显示结果。我用

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

两者都放在一个表格行中，因此它们彼此相邻 如何根据实际的代码滚动得到结果滚动？

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

谢谢，

赖

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，则div将滚动。