【发布时间】:2014-12-15 16:48:51
【问题描述】:
我有几个部分,每个部分都包含几个子部分。像这样的:
- A 部分
- 第 1 小节
- 第 2 小节
- 第 3 小节
- B 部分
- 第 1 小节
- 第 2 小节
- 第 3 小节
- ...
当用户将最后一个子部分的底部滚动到视口中时,该子部分应停止滚动。 然后,当用户进一步滚动时,下一部分应在其上方滚动并重叠。 我希望重叠部分像往常一样滚动,但它超出了前一个部分。
我希望这个很棒的 gif 可以比文字更好地解释它......
我一直在考虑用 jQuery 解决这个问题,并检查文档滚动了多远,并尝试在正确的时间和位置应用固定位置。但是一直没有达到我想要的效果。我不得不承认我的 jQuery 技能不是最好的,而且我被卡住了。
有没有人指点我如何解决这个问题的正确方向?
【问题讨论】:
-
您要查找的关键字是 Google 中的“视差滚动”搜索
-
我知道视差滚动,并且一直在谷歌上搜索,但我一直无法找到解决这种特殊效果的方法。
标签: scroll