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

Question

I am trying to use jQuery to scroll the page automatically back to the top when the page is loaded. Here is my code:

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

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

    });
</script>

However, the code does not work. I have also tried to replace $(window) to $('html, body') , sadly it still does not work.

So could anyone advice on this? Thanks a lot!

Answer 1

Try this

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

The parameters 0,0 are the x and y coördinates.

I hope it helps.

Answer 2

The above solutions didn't work for me in Chrome. This is what I had the most success with:

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

Answer 3

Is easier and more reliable if you use this solution:

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

In fact some browsers will respond to 'html' and some to 'body' .

PS. "800" is the duration of the animation.

Answer 4

This is jQuery safe:

 < script type="text/javascript"> $(window).scrollTop(0); </script>