使用javascript查找滚动条的位置

时间:2012-08-19 11:31:34

标签: javascript scrollbar

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

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

enter image description here

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

谢谢!

1 个答案:

答案 0 :(得分: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
}