【问题标题】:Overlapping scroll重叠滚动
【发布时间】:2014-12-15 16:48:51
【问题描述】:

我有几个部分,每个部分都包含几个子部分。像这样的:

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

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

我希望这个很棒的 gif 可以比文字更好地解释它......

我一直在考虑用 jQuery 解决这个问题,并检查文档滚动了多远,并尝试在正确的时间和位置应用固定位置。但是一直没有达到我想要的效果。我不得不承认我的 jQuery 技能不是最好的,而且我被卡住了。

有没有人指点我如何解决这个问题的正确方向?

【问题讨论】:

  • 您要查找的关键字是 Google 中的“视差滚动”搜索
  • 我知道视差滚动,并且一直在谷歌上搜索,但我一直无法找到解决这种特殊效果的方法。

标签: scroll


【解决方案1】:

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

【讨论】:

  • 您的插件看起来不错,我将其保存以供将来参考!我的问题早就被遗忘了,由于该项目不再活动,我无法对此进行测试。看起来你的插件解决了我的问题,所以我接受这个作为答案!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-07-22
  • 2015-09-11
相关资源
最近更新 更多