Question

我有一个溢出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>

Answer 1

显然有一个question与你的相同，并且接受了答案。

var objDiv = document.getElementById("your_div");
objDiv.scrollTop = objDiv.scrollHeight;

Answer 2

这通常有效：

var div = document.getElementById("ID");
div.scrollTop = div.scrollHeight;

Answer 3

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

这是一个有效的示例：

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

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

溢出-y，如何从<div> </div>的最低部分开始

3 个答案: