Waypoints库滚动百分比

我正在尝试使用Waypoints library。Waypoints库滚动百分比

我的用例是，我需要检测用户何时读取页面的20％，40％等。

但是，库似乎工作不同，它会检测某个DOM元素何时进入视图，而不管其滚动深度如何。

如何让它做我需要的？

2015-11-14 h bob

检查文档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%' 
})

来源

2015-11-14 09:54:17 Lajon

也可以使用'document.body'，更简单 –

Waypoints库滚动百分比

回答

相关问题