javascript - 使用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
}