javascript - 如何在每个窗帘在中间相遇后添加延迟滚动？

Question

我想要在每个窗帘在中间相遇后立即暂停大约 20 像素的滚动动画。这是我的沙箱:

http://www.meetgeraldine.net/2016website/luke-test/

jQuery: http://snippi.com/s/vup8pw0

HTML:http://snippi.com/s/bp5iceg

有没有办法让窗帘在滚动大约 20px 时暂停，这样窗帘不会在两个 block 在中间相遇后立即淡出？

Answer 1

如果您接受基于库的答案，那么有适合您的解决方案:

skrollr https://github.com/Prinzhorn/skrollr

你可以看到教程解释如何使用这个库来实现你的目标:

ihatetomatoes https://ihatetomatoes.net/create-scrolling-slideshow-using-skrollr/

---

主要思想是这样的:创建主要内容高度为 100%+20px 的页面，并使用 js 转换内容位置。当滚动在 50%-10px 和 50%+10px 之间时，您可以停止转换主要内容。