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庫滾動百分比

回答

相關問題