Question

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

以下是我到目前为止所尝试的内容：

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

Answer 1

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

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

这将平滑滚动到ID为what

FIDDLE

Answer 2

首先你必须调用文件，

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

这里的id是'scroll'。以下代码很有用：

<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>

Answer 3

$(document).ready(function(){
    $("html, body").animate({ 
        scrollTop: $('.sb-menu').offset().top 
    }, 1000);
});

在页面加载时滚动到特定div

3 个答案: