29

我试图弄清楚当页面加载时如何让页面自动滚动到特定的 div。我曾尝试使用 jQuery 滚动功能，但无法使其正常工作。有什么建议么？

以下是我迄今为止尝试过的：

jQuery(function() {
jQuery(window).scrollTop(jQuery('.container').offset().top);
});
4

3 回答 3

71

您可以使用以下.animate()方法执行此操作：

$(document).ready(function () {
    // Handler for .ready() called.
    $('html, body').animate({
        scrollTop: $('#what').offset().top
    }, 'slow');
});
  • 这将平滑滚动到带有 ID 的 divwhat

小提琴

于 2013-08-07T12:35:46.733 回答
2 
$(document).ready(function(){
    $("html, body").animate({ 
        scrollTop: $('.sb-menu').offset().top 
    }, 1000);
});
于 2014-03-20T10:03:10.133 回答
2

首先你必须调用文件，

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">

这里的 id 是“滚动”。以下代码很有帮助：

<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function () {
    // Handler for .ready() called.
    $('html, body').animate({
        scrollTop: $('#scroll').offset().top
    }, 'slow');
});

</script>

</head>
<body>

<div id="scroll"></div>

</body>
</html>
于 2017-04-18T08:34:08.973 回答