使用jQuery加载页面时自动滚动顶部

问题描述 投票:4回答:4

我正在尝试使用jQuery在页面加载时自动滚动页面返回顶部。这是我的代码:

<script type="text/javascript">
    $(document).ready(function () {

        $(window).scrollTop(0);
        return false;

    });
</script>

但是,代码不起作用。我也试图将$(window)替换为$('html, body'),遗憾的是它仍然不起作用。

所以有人可以就此提出建议吗?非常感谢!

javascript jquery
4个回答
9
投票

试试这个

<script type="text/javascript">
    $(document).ready(function () {
        window.scrollTo(0,0);
    });
</script>

参数0,0是x和ycoördinates。

我希望它有所帮助。


1
投票

以上解决方案在Chrome中对我不起作用。这是我最成功的:

$(window).on('beforeunload', function() {
  $('body').fadeOut(225);
});

0
投票

如果您使用此解决方案,则更容易,更可靠:

<script type="text/javascript">
   $('html,body').animate({scrollTop:0},800);
</script>

事实上,一些浏览器将响应'html',一些浏览器将响应'body'

PS。 “800”是动画的持续时间。


0
投票

这是jQuery安全的:

< script type="text/javascript">
  $(window).scrollTop(0); 
</script>
© www.soinside.com 2019 - 2024. All rights reserved.