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

更改窗口哈希时，不会触发'load'事件。要使事件触发，您应该挂钩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'));
})

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

3 个答案: