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

Question

我想知道页面完全加载后的窗口滚动位置。

当我单击具有id的链接时，页面将根据具有此id的元素加载。加载页面时，我想知道窗口位置。

的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>

当我单击链接时，控制台日志将获得0。当刷新page.html时，控制台日志将获得正确的窗口滚动位置。 为什么？ 谢谢你的帮助。

Answer 1

尝试使用

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

我在萤火虫中进行了测试，效果很好。

Answer 2

更改窗口哈希时，不会触发“加载”事件。 要触发该事件，您应该加入hashchange事件。

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

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

Answer 3

您可以使用

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

或者你可以使用attr

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