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

Question

我希望在每个窗帘在中间相遇后立即进行大约20px的滚动暂停动画。这是我的沙箱：

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

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

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

有没有办法让窗帘暂停约20px的滚动，这样在中间两个街区相遇后，窗帘不会立即消失？

Answer 1

如果你接受基于库的答案，那么你有很好的解决方案：

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

您可以看到教程解释如何使用此库来实现您的目标：

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

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

Answer 2

以下是定时动画中继器的示例。它等待所有动画完成，然后在超时后重复它们。不是100％肯定这是你的愿望，但希望你可以从这个构建:(注意我没有测试这个代码，但它应该工作。需要jQuery为延期;

{{1}}