我有一个三列布局。主栏的内容比其他两个多。
- 当用户向下滚动时，由于空列，他会看到很多空白。
- 在facebook上，当用户滚动时，一旦右栏没有更多内容，它就会粘在页面底部
- 所以这个专栏总是有内容的。
我不知道如何实现这一点，所以任何想法、jquery 插件或如何将不胜感激。
我在当前项目中使用以下技术： * jquery * twitter bootstrap 3
重要的是要注意列内容可以高于页面本身，因此引导词缀将不起作用。
问问题
1087 次
3 回答
3
看看这个Sticky-Kit 插件。它在不同的用例中工作得非常好。
于 2013-11-17T23:21:51.557 回答
1
我们使用 margin-top 来移动列。看看https://github.com/collective/collective.rcse/blob/93f47d15694c7f71635d1117342d2b84ea85bab7/collective/rcse/resources/dev/js/theme-desktop.js#L797看看功能。
于 2013-10-29T11:15:37.067 回答
0
这些东西可以使用 jQuery 和 CSS 来完成。看看这个 - http://jsfiddle.net/MAPNk/
这是一个小作品。
这些是我遵循的几个步骤：
- 在滚动时调用函数
- 检查侧边栏和窗口的高度。// 窗口是监视器大小。
- 如果（侧边栏高度 < 窗口高度），将
position of sidebartofixed
和topto更改为0 (or where the div start). - 否则，如果（窗口底部 > 侧边栏底部），将
position of sidebartofixed和bottomto更改为0.
向下滚动时会执行上述条件。同样删除位置或使其绝对向上滚动。
试试剩下的，你一定会发现的。:)
于 2013-10-03T18:34:35.597 回答