元素底部在屏幕上時的jQuery

Question

我有一些jQuery，僅當視口到達特定元素的底部時才需要執行某些操作。

在這張照片中，您可以看到3個顏色部分。 藍色是我加載網頁時看到的內容。 黑色的是jQuery適用的地方。 而且我只想在屏幕的紅色部分初始化黑色的jQuery。

這可能嗎？ 我對jQuery不太滿意，但仍嘗試了一些操作：

HTML：

<row class="teller-wrapper">  </row>

jQuery的：

jQuery('.teller-wrapper').waypoint(function(){

    console.log("ik ben nu in beeld, lopen met die tellers");

}, {offset: 'bottom-in-view'});

但是，當我在紅色部分上滾動時，控制台日志不會顯示。

在這一點上，我正在嘗試使用Waypoints jQuery擴展，但無法使其正常工作。

我不介意使用Waypoint擴展以外的其他功能，因此歡迎提出任何建議。 在此期間，請讓我嘗試一下現在所犯的錯誤。

我希望有人能解決

在此先感謝您，並祝您編程愉快。

Answer 1

你可以在jQuery滾動庫的幫助下做到這一點

鏈接： https : //api.jquery.com/scroll/