我想要在每个窗帘在中间相遇后立即暂停大约 20 像素的滚动动画。这是我的沙箱:
http://www.meetgeraldine.net/2016website/luke-test/
jQuery: http://snippi.com/s/vup8pw0
HTML:http://snippi.com/s/bp5iceg
有没有办法让窗帘在滚动大约 20px 时暂停,这样窗帘不会在两个 block 在中间相遇后立即淡出?
最佳答案
如果您接受基于库的答案,那么有适合您的解决方案:
skrollr https://github.com/Prinzhorn/skrollr
你可以看到教程解释如何使用这个库来实现你的目标:
ihatetomatoes https://ihatetomatoes.net/create-scrolling-slideshow-using-skrollr/
主要思想是这样的:创建主要内容高度为 100%+20px 的页面,并使用 js 转换内容位置。当滚动在 50%-10px 和 50%+10px 之间时,您可以停止转换主要内容。
关于javascript - 如何在每个窗帘在中间相遇后添加延迟滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35206570/