Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Stickyfloat.js到侧栏_Javascript_Jquery_Css - Fatal编程技术网

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
   });