你知道如何做一个像google plus或facebook那样的布局吗?你可以在google plus home上看到这样的例子,
一开始,如果你在主要内容中滚动页面,它们会一起滚动(好友帖子和侧边栏),但当你滚动到侧边栏的底部(好友帖子的右侧)时,该侧边栏将停止滚动,但另一个内容(好友帖子)仍会滚动。能给我解释一下怎么做这样的布局吗?示例代码或演示将非常有用。
我花了几个小时试图弄清楚为什么我不能用javscript在滚动上固定一个侧边栏。在这一点上,我不知道它是js还是css中的东西。我试图添加一个“已修复”的classList --没有工作..当我添加sticky时,它只会将主要文本向下推。这个想法是,一旦用户滚动整个标题,导航栏和侧边栏就会被修复,但当其他两个元素被修复时,主要文本应该被滚动。 code here -> https://codepen.io/mullerz/pen/GRpKQVy```
help please and thanks a million
我如何让左侧边栏(孙子)相对于主体是粘性的,但导航栏和主要内容是可滚动的。 <div>
<div>navbar (should scroll away)</div>
<div>
<div>side pane (should stick to the top of the screen)</div>
<div>main content (should scroll away)</div>
</div>
</div>
我正在尝试实现一个固定的导航,在顶部,后标题,滚动过去(那么多的工作在此刻很好)和一个侧栏滚动页面,直到之间的第一和第二个div元素在侧栏,然后修复。
[编辑:这是小提琴- ]
我试着修改我的导航栏的工作代码,暂时不用担心滚动过第一个元素:
$(function() {
var side_offset_top = $('#side').offset().top;
var side = function(){
var scroll_top = $(window).scrollTop();
if (scroll_top > si