Auto scroll top when page loaded using 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!

This works for me: http://fiddle.jshell.net/aWfQN/show/#foo – Blender Aug 21 '12 at 01:27 — Blender, Aug 21 '12 at 01:27

score 10 · Accepted Answer · answered Aug 21 '12 at 01:36

10

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.

answered Aug 21 '12 at 01:36

fonZ

Thanks for the suggestion, however it does not too. Is it because I have wrapped the page inside an iframe? – Hei Aug 21 '12 at 02:23
1

I'm not sure, this might help http://stackoverflow.com/questions/1192228/scrolling-an-iframe-with-javascript – fonZ Aug 21 '12 at 16:23

score 1 · Answer 2 · answered Apr 29 '16 at 04:12

1

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);
});

answered Apr 29 '16 at 04:12

taylorpoe

score 0 · Answer 3 · answered Feb 23 '16 at 13:47

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.

score 0 · Answer 4 · answered Apr 14 '19 at 06:51

0

This is jQuery safe:

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

answered Apr 14 '19 at 06:51

Udo E.

4 Answers4