元素底部在屏幕

Question

我有一些jQuery只需要在视口点击特定元素的底部时执行某些操作。

在这张图片中你可以看到3个颜色部分。蓝色的是我加载网页时看到的。黑色是jQuery适用的地方。我只想在Red部分在屏幕上时初始化黑色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扩展，但我无法使其正常工作。

• * jQuery Waypoints - v2.0.2
• * Jquery - v1.11.2

我不介意使用除Waypoints扩展之外的其他内容，因此欢迎提出任何建议。在此期间，我只是继续尝试和错误。

我希望有人有解决方案

提前致谢并快乐编码。

Answer 1

你可以借助jquery滚动库

来做到这一点

link：https://api.jquery.com/scroll/