当元素在视图中时触发功能

Trigger function when element in view

本文关键字：功能元素视图更新时间：2023-09-26

我正在使用 https://github.com/peachananr/onepage-scroll 创建一个单页机，并希望在滚动到特定部分时触发一个功能（模态灯箱）。

我已经尝试了几个不同的脚本（出现，航点），但到目前为止已经出现了王牌。不确定这是否与单页滚动实际上不是滚动而是将部分移动到视点这一事实有关。

任何帮助将不胜感激！

您可以使用插件提供的回调。

此外，如果您想更改为更完整的插件，例如 fullPage.js，您可以选择scrollBar比设置为 true 时将允许诸如航点之类的插件或看起来按预期工作。

其原因详见整页.js常见问题解答：

视差，以及许多其他依赖于滚动网站，侦听javascript的scrollTop属性。 fullPage.js实际上并没有滚动网站，但它会更改顶部或翻译网站的3D属性。仅在使用整页时.js 选项滚动栏：真或自动滚动：假它实际上会滚动网站以 scrollTop 属性可访问的方式提供。

同样的原则也适用于单页滚动，但不同之处在于 fullPage.js 提供了一种处理它的方法（scrollBar:true），而一页滚动则没有。