javascript - 当元素底部位于屏幕中时的 jQuery

Question

我有一些 jQuery，只需要在视口(viewport)到达特定元素的底部时执行某些操作。

在这张图片中你可以看到 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 扩展，但无法使其正常工作。

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

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

希望有人能给出解决方案

提前致谢，祝您编码愉快。

Answer 1

你可以借助 jquery 滚动库来做到这一点

链接:https://api.jquery.com/scroll/