相关疑难解决方法(0)

粘滞侧边栏:向下滚动时粘到底部,向上滚动时粘到顶部

我一直在寻找一些解决我的粘性侧边栏问题的方法.我有一个特定的想法,我希望它如何行动; 实际上,当你向下滚动时我希望它坚持到底部,然后一旦你向上滚动我想它以流畅的动作(没有跳跃)粘在顶部.我无法找到我想要实现的示例,因此我创建了一个图像,希望能够更清楚地说明这一点:

粘滞侧边栏:向下滚动时粘到底部,向上滚动时粘到顶部

  1. 边栏位于标题下方.
  2. 向下滚动时,侧边栏与页面内容保持同一水平,以便您可以滚动浏览侧边栏和内容.
  3. 到达侧边栏的底部,侧边栏粘在视口的底部(大多数插件只允许粘到顶部,一些允许粘到底部不允许两者).
  4. 到达底部,侧边栏位于页脚上方.
  5. 当您向上滚动时,侧边栏与内容保持一致,因此您可以再次滚动内容和侧边栏.
  6. 到达侧边栏的顶部,侧边栏会粘到视口的顶部.
  7. 到达顶部,侧边栏位于标题下方.

我希望这是足够的信息.我已经创建了一个jsfiddle来测试任何插件/脚本,我已经重置了这个问题:http://jsfiddle.net/jslucas/yr9gV/2/ .

jquery position sidebar fixed sticky

73
推荐指数
4
解决办法
4万
查看次数

标签 统计

fixed ×1

jquery ×1

position ×1

sidebar ×1

sticky ×1