重叠滚动

Question

我有几个部分，每个部分包含几个子部分。像这样：

• A部分
  • 第1小节
  • 第2小节
  • 第3小节
• B节
  • 第1小节
  • 第2小节
  • 第3小节
• ...

当用户将最后一个子部分的底部滚动到视口中时，子部分应该停止滚动。 然后，当用户进一步滚动时，下一部分应在其上方滚动并重叠。 我希望重叠部分像平常一样滚动，除了它超过前一部分。

我希望这个令人敬畏的GIF可以解释它比言语更好......

我一直在寻找使用jQuery解决这个问题并检查文档滚动的距离并尝试在正确的时间和位置应用固定位置。但是还没能达到我追求的效果。我不得不承认我的jQuery技能不是最好的而且我被卡住了。

对于我如何解决这个问题，是否有人指向正确的方向？

Answer 1

我讨厌在StackOverflow上留下未解答的问题，这就是我3年后回答问题的原因。如果你想在用户滚动时看到某个东西时运行一个函数，就会有一个名为NoobScroll的jQuery插件（只需google或继续this link）然后，你应该检查scrollProgress()函数，或者文档上的{{1}}函数（GitHub上的wiki）触发动画，我希望你能解决你的问题