Javascript Stickyfloat.js到侧栏
我有一个侧边栏,我想让它与垂直滚动固定。 这是我的侧边栏的Javascript Stickyfloat.js到侧栏,javascript,jquery,css,Javascript,Jquery,Css,我有一个侧边栏,我想让它与垂直滚动固定。 这是我的侧边栏的div: <div class="page-sidebar-wrapper"> <div class="page-sidebar navbar-collapse collapse"> <ul> <li></li> <li></li> <li></li> </ul>
div
:
<div class="page-sidebar-wrapper">
<div class="page-sidebar navbar-collapse collapse">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
我加载了stickyfloat.js,并用
jQuery('.page-sidebar').stickyfloat({
duration: 0,
delay: 0
});
但它不起作用。我做错了什么?试试
位置:固定代码>带左:0px;顶部:0px代码>查看菜单时,我发现他的所有菜单都首先初始化为位置:绝对代码>
.ad{ position:absolute; top:10px; right:10px; width:240px; height:100px; background:#8B0000; color:#FFF; font-size:2em; text-align:center; line-height:100px; }
.menu{ position:absolute; left:10px; padding:15px; width:210px; background:green; color:#FFF; }
我想我找到了一个解决方案,我设置了位置:绝对在
上选择code>,然后我用以下方式初始化StickyFloat:
jQuery('.page-sidebar-wrapper').stickyfloat({
duration: 0,
delay: 0,
startOffset: 0
});
谢谢,使用absolute
就可以了。在我的页面中,我还有一个标题,标题是位置:fixed;z指数:9995代码>当我滚动时,它与侧边栏部分重叠。我如何避免这种情况?如果我能看到复制,这将非常有帮助
jQuery('.page-sidebar-wrapper').stickyfloat({
duration: 0,
delay: 0,
startOffset: 0
});