JQuery - Page jumps back to previous position after scrollTop()

Question

so I want my page to start at the bottom which I try to achieve with this bit:

$(document).ready(function() {
  $('body').scrollTop($(document).height()-$(window).height());
})

Now it does what it's supposed to for about 0.5 seconds and then it jumps back to my previous scroll position. I've noticed that it jumps after fully loading the background image. I have tried several solutions from similar questions like add 'return false;', call 'preventDefault();' or select 'html, body' for the scroll but none worked

any of you have a solution to my problem?

Answer 1

Why not just this: I tried it in a page with a div 1000px high and filled with garbage tex, it scrolled to the bottom just fine and never jumped back:

window.scrollTo ( 0, document.body.scrollHeight );

The only way this could fail as far as I can see is if something triggers "ready" again, in which case maybe just do the usual "body onload="scrollBottom()" sort of thing.