视图中的元素时触发功能

Question

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

我尝试过几个不同的脚本（appear，waypoint），但到目前为止已经取得了成功。不确定它是否与单页滚动实际上不滚动但将该部分移动到视点中这一事实有关。

任何帮助都将受到高度赞赏！

Answer 1

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

此外，如果您想更改更完整的插件，例如fullPage.js，那么您可以选择scrollBar，而不是设置为true时允许插件，例如航点或出现按预期工作。

其原因详见fullPage.js FAQs：

  

Parallax，以及许多依赖于它的其他插件   滚动网站，侦听javascript的scrollTop属性。   fullPage.js实际上并不滚动网站，但它会更改顶部或   网站的translate3d属性。仅在使用fullPage.js时   选项scrollBar：true或autoScrolling：false它实际上会滚动   该网站以某种方式可供scrollTop属性访问。

同样的原则适用于 onepage-scroll ，但区别在于fullPage.js提供了一种处理它的方法（scrollBar:true）和 onepage-scroll 没有。