页面完全加载时的窗口滚动位置

Question

I would like to know window scroll position when a page is fully loaded.

When I click on a link with id, page is loaded according to element with this id.When page is loaded, I would like to know window position.

index.html

<a href="page.html#2012_8">link</a>

page.html

<script>
$(window).load(function(){
    console.log($(window).scrollTop());
});
</script>

<p id="2012_8">This is some text in a paragraph.</p>

When I click on link, console log get 0. When I refresh page.html, console log get correct window scroll position. Why? Thanks for any help.

Answer 1

try using

console.log($(document).scrollTop());

I tested in firebug and it worked fine.

Answer 2

The 'load' event is not triggering when you change the window hash. To get the event to fire you should hook into the hashchange event.

$(window).on('hashchange',function() {
    console.log($(window).scrollTop());
});

$(document).ready(function() {
    $(window).trigger('hashchange');
});

Answer 3

You can use

$(document).ready(function(){
console.log($(document).prop('scrollHeight'));
})

or you can use attr for this

$(document).ready(function(){
console.log($(document).attr('scrollHeight'));
})