0

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

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

4

2 回答 2

3 
<!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() 确保页面在所有其他资产（例如图像）加载后开始滚动。

于 2013-09-05T23:21:18.073 回答
0

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

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

});
};
于 2013-09-05T22:32:54.807 回答