Question

我有一个php页面，我试图在整个页面加载后自动滚动用户到部分。现在它在页面加载时直接进入该部分，我想要加载整个页面，然后将页面滚动到该div。我正在做的是。

<script type="text/javascript">
<!--
function gotoit()
{
window.location="#gohere";
}
//-->
</script>

<body onload="gotoit()">
some code here
<a name="gohere"><div class="I want to scroll to this div"></a>

请帮助我如何在页面加载后自动滚动到该部分。

Answer 1

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script>
      $(window).load(function() {
        var theHash = "#go-here";
        $("html, body").animate({scrollTop:$(theHash).offset().top}, 800);
      });
    </script>
</head>
<body>
    <p>Lots of content here...</p>
    <p>More content...</p>
    <p>etc...</p>
    <p id="go-here">Scroll down to here automagically</p>
    <p>Some more content</p>
</body>
</html>

$（window）.load（）确保在加载所有其他资源（例如图像）后页面开始滚动。

Answer 2

这是我用来实现此目的的jQuery函数：

function scrollToStart(){
$("#scrollToStart").click(function (){
       $('html, body').animate({
       scrollTop: $("#startHere").offset().top
     }, 2000);

});
};

页面加载后滚动到div平滑而不是直接

2 个答案: