jquery - 在页面加载/刷新时使用scrollTop()获取Chrome中的当前滚动位置

Question

在 Chrome 中运行以下命令始终返回 0:

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

通过控制台运行相同的命令:

$(window).scrollTop()

确实返回正确的数字。 (即:843)

StackOverflow 上有很多关于此问题的问题，但没有一个给我提供正确的工作答案或替代方案。我迷茫了...

Answer 1

scrollTop() 返回滚动条的当前垂直位置。通常在页面加载时，滚动条位于位置 0。如果控制台打印出其他内容，则您或浏览器必须在调用该函数之前向下滚动。

如果您使用命名 anchor 或从滚动位置刷新页面，则可以将处理程序绑定(bind)到仅在页面加载时触发一次的滚动事件:

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