Question

如何在页面底部附近滚动。我使用以下代码滚动到 very 底部：

$(document).scrollTop($(document).height());

如何更改此代码以在底部附近滚动？

Answer 1

有多近？

$(document).scrollTop($(document).height() - 1000);

将滚动到底部。这里的问题是您还必须考虑视口的高度。

get the viewport height的良好，跨浏览器方式是：

var height = Math.max(document.documentElement.clientHeight, window.innerHeight || 0)

然后：

var offset = 100;//your offset. 100px from the bottom here

$(document).scrollTop($(document).height() - (height + offset);

Answer 2

尝试

$(document).scrollTop(($(document).height() - [the offset you want]));

Answer 3

您的代码是正确的，但文档高度必须大于窗口高度才能生效。

＆＃13;

$(document).ready(function(){
    $("button").click(function(){
      var offset = 500;
      var scrollX = $(document).height() - offset;
      alert(scrollX);
      $(document).scrollTop(scrollX);
    });
});

＆＃13;

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body style="height:1500px">

<p>lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum lorem Ipsum </p>

<button>Scroll to bottom</button>

</body>
</html>

＆＃13;

滚动到页面底部附近

3 个答案: