使用javascript查找滚动条的位置

Question

我需要提示我的用户，一旦他越过我的网页（主页）的一半宽度，就会在下一页上显示一些有用的结果。为此，我想知道滚动条的确切位置，因此，只要滚动条的位置超过50％，我就可以触发一些javascript函数来执行相同的操作。

我已经包围了图片中的滚动条，其位置，我必须找出

另外，如果我们找不到滚动条的位置，请告诉我一些替代方法来做同样的事情！

谢谢！

Answer 1

您无法找到滚动条的位置，因为它不是DOM的一部分，但您可以做的是确定位置。由于我不知道如何使用vanilla JavaScript，我会给你一个jQuery示例：

var scrollTop = $("body").scrollTop(); // pixels scrolled from top
var documentHeight = $(document).height(); // the height of the document

if(scrollTop >= documentHeight / 2){
    // 50%+ scrolled
}