使用“溢出：自动”滚动div的位置
给出以下HTML代码段：
<div id="box" style="overflow:auto; width:200px; height:200px; border:1px solid black;">
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>
21<br>22<br>23<br>24<br>25<br>26<br>27<br>28<br>29<br>30<br>
</div>
您（通常）会得到一个黑匣子，其中的滚动条包含一个数字1至30，每个数字都在新行中。
您可以在该框内上下滚动。
我现在需要的是找出框处于哪个滚动位置的可能性。假设每行高15像素，然后向下滚动到数字10，我想得到的结果是数字150（15像素* 10行）。
我在哪里可以找到这个号码？
我手上有普通的JavaScript和jQuery。
问题答案：
您需要使用该scrollTop属性。
document.getElementById('box').scrollTop
-
问题内容： 我有一个使用overflow：auto的div，它在调整大小并在页面中拖动时将内容保留在div中。我正在使用一些Ajax从服务器中检索文本行，然后将它们附加到div的末尾，因此内容正在向下增长。每次发生这种情况时，我都希望使用JS将div滚动到底部，以便可以看到最新添加的内容，类似于聊天室或命令行控制台的工作方式。 到目前为止，我一直在使用此代码段执行此操作（我也在使用jQuery，因
-
所以我不知道该怎么解释，但我会试着解释的。我有一个评论页面。帖子是一个顶部，下面的评论字段。在这两者的中间是评论。现在的问题是，在几个注释之后，用户最终不得不向下滚动相当多的时间来查看表单。我想做的是显示4个评论，然后当用户向下滚动时，他们会看到更多。只有当他们在评论上滚动时。所以它类似于，但是在div上。这里有更多的信息来可视化它 如果用户在任何注释上滚动，它将像一样滚动，并显示更多注释。所以它
-
在下面的代码中， 我有一个父div（.parent）和三个子div（.child1、.child2、.child3） 要求- 。儿童2应该重叠。儿童3 。child2应该可以水平滚动 问题- 使用绝对位置设置overflow-x不起作用。 如何使此表可滚动，以及使其与下面的所有div重叠？ 企图-
-
问题是当我将页面收缩到某个点时， 元素的顶部溢出，奇怪的是底部没有溢出。说清楚一点，我不想让这两个都溢出来。 这里有一个指向它的JSFiddle链接:https://jsfidle.net/maep468x/1 您将看到，当您运行它并将结果窗口缩小到大约350px时， 元素开始溢出。 我已经尝试从.main-content规则中删除我的line-height和font-size属性，但它仍然溢出。
-
应该修复头部，我不想要整体滚动条，所以我在主体标记中给出了, 我需要垂直滚动条在我的包装div。我怎么才能修好这个？ HTML
-
问题内容： 为什么CSS属性不能在中正常运行，而效果很好？ 从CSS规范1，2，我不明白为什么。 问题答案： 我从这里得到了东西！ 安德鲁·费多纽克（Andrew Fedoniouk）写道： 这实际上是我的问题：“一个技术原因是溢出属性不适用于表。” -为什么？这是什么原因 我不是专家，但是我相信这只是为了与旧表行为向后兼容。您可以在规范中检查“自动”表布局算法。我很确定该布局算法与溢出属性不兼容