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

Question

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

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

索引.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'));
})