gpt4 book ai didi

javascript - 使用 Waypoints 库滚动百分比

转载 作者:行者123 更新时间:2023-12-03 08:22:00 26 4
gpt4 key购买 nike

我正在尝试使用 Waypoints library .

我的用例是,我需要检测用户何时阅读页面的 20%、40% 等。

然而,该库的工作方式似乎有所不同,因为它会检测某个 DOM 元素何时进入 View ,而不管其滚动深度如何。

如何让它满足我的需要?

最佳答案

查看文档 http://imakewebthings.com/waypoints/api/offset-option/

要检测页面位置,您可以将路点附加到页面的包装上。我的意思是页面的父元素将保存页面内容(它将是页面的 100% 高度):

<body>
<div id="wrapper">
page content...
</div>
</body>

然后根据文档,您可以使用“偏移”来实现您所需要的。您可以将一个路点附加到“包装器”并使用偏移量来获取百分比来检测用户滚动的距离。

var waypoint = new Waypoint({
element: document.getElementById('wrapper'),
handler: function(direction) {
alert('50% past the top')
},
offset: '-50%'
})

关于javascript - 使用 Waypoints 库滚动百分比,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33706710/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com