你知道如何做一个像google plus或facebook那样的布局吗?你可以在google plus home上看到这样的例子,
一开始,如果你在主要内容中滚动页面,它们会一起滚动(好友帖子和侧边栏),但当你滚动到侧边栏的底部(好友帖子的右侧)时,该侧边栏将停止滚动,但另一个内容(好友帖子)仍会滚动。能给我解释一下怎么做这样的布局吗?示例代码或演示将非常有用。
我有一个粘性的侧边栏,当你滚动时,当侧边栏的底部在视图中时会变得固定。
如果侧边栏超过了页面的长度,就像在这个中一样,滚动时一切正常,完全符合您的预期。
然而,如果侧边栏比窗口高度短,就像在这个中一样,当你滚动时,它似乎在跳跃,我不知道如何让它停止跳跃并变得平滑。换句话说,只有当侧边栏的底部击中窗口的底部时,它才应该被修复。
我对jQuery不太在行,所以如果有任何帮助,我将不胜感激。
$(function () {
if ($('.leftsidebar').offset()!=null) {
var top = $('.leftsidebar
我花了几个小时试图弄清楚为什么我不能用javscript在滚动上固定一个侧边栏。在这一点上,我不知道它是js还是css中的东西。我试图添加一个“已修复”的classList --没有工作..当我添加sticky时,它只会将主要文本向下推。这个想法是,一旦用户滚动整个标题,导航栏和侧边栏就会被修复,但当其他两个元素被修复时,主要文本应该被滚动。 code here -> https://codepen.io/mullerz/pen/GRpKQVy```
help please and thanks a million