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 扩展，但我无法使其正常工作。

我不介意使用 Waypoints 扩展之外的其他东西，所以欢迎任何建议。与此同时，我只是继续尝试和尝试我现在拥有的东西。

希望有人能解决

提前致谢，祝编码愉快。

Answer 1

你可以借助 jquery 滚动库

jQuery when bottom of element is in screen