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!

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