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

时间:2012-08-21 01:24:14

标签: javascript jquery

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

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

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

    });
</script>

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

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

4 个答案:

答案 0 :(得分:9)

试试这个

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

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

我希望它有所帮助。

答案 1 :(得分:1)

以上解决方案在Chrome中对我无效。这是我最成功的地方:

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

答案 2 :(得分:0)

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

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

事实上,有些浏览器会回复'html',有些会回复'body'

PS。 &#34; 800&#34;是动画的持续时间。

答案 3 :(得分:0)

这是jQuery安全的:

count_circular(upper_bound)