使用ScrollPath jQuery插件,当它击中某个元素时暂停滚动的任何方法

Using ScrollPath jQuery plugin, any way to pause scrolling when it hits a certain element?

本文关键字:元素 暂停 滚动 方法 任何 插件 jQuery ScrollPath 使用      更新时间:2023-09-26

我正在使用jQuery ScrollPath插件,我想知道他们是否是一种让路径在每个DIV处停止一秒钟左右的方法。我见过其他插件做这样的事情。

我在其他网站上看到过它,你一直在滚动,它会停止滚动一秒钟左右。

这是我使用它的网站:

http://mikelegacywebdesign.com/index.html

我需要

使用 jQuery Scrollpath 插件做同样的事情,我找到了一种方法来做到这一点,尽管我意识到这可能不是最好的方法。

我在scrollToStep()函数中修改了插件的源代码,该函数基本上负责实际滚动,并根据文档中的标志变量添加条件检查,当设置true时,该变量将转义scrollToStep()方法。现在,只需通过适当处理的setTimeout()调用使用您选择的一些外部代码设置标志,就可以模拟 scrollPath 中关键点的暂停。

我希望这对你有所帮助。

这是一个带有简单延迟滚动示例的 jsfiddle。我不确定这将如何与 ScrollPath 插件交互,但这可能是一个好的开始。