3

我有一个带有溢出-y 的 div。当文本变大时，可以滚动到文本的下半部分。

我的问题是：如何让它从 div 的下半部分而不是上半部分开始？这样您将首先查看文本的下半部分。

这是用于 div 的 CSS。

#Middle{
margin: 0px;
padding: 0px;
width: 234px;
height: 287px;
margin-left: auto;
margin-right: auto;
margin-top: 7px;
padding: 5px;
background-color: #F0F0F0;
overflow-y: scroll;
resize: none;
box-shadow:inset 0 0 5px #000000;
-moz-box-shadow:inset 0 0 5px #000000;
-webkit-box-shadow:0 0 5px #000000;
}

我只是添加这个对吗？因为它不会起作用。（对不起，我还没有使用 JavaScript 的经验）

<head><script>
var div = document.getElementById("Middle");
div.scrollTop = div.scrollHeight;
</script></head>
4

3 回答 3

0

显然有一个问题与您的问题相同，并且答案已被接受。

var objDiv = document.getElementById("your_div");
objDiv.scrollTop = objDiv.scrollHeight;
于 2013-01-10T16:17:39.350 回答
0

这通常有效：

var div = document.getElementById("ID");
div.scrollTop = div.scrollHeight;
于 2013-01-10T16:17:43.200 回答
0

您的解决方案应该可以工作，您只需将其放在页面末尾，这样当您调用document.getElementById该元素时，DOM 上就已经存在。

这是一个工作示例：

<body>
  <div id="Middle">
    <!-- some long content -->
  </div>

  <script>
    var div = document.getElementById("Middle");
    div.scrollTop = div.scrollHeight;
  </script>
</body>
于 2020-02-07T08:32:51.560 回答