javascript - Stickyfloat.js到侧边栏

我有一个侧边栏，我想用垂直滚动使其固定。
这是我的侧边栏的div：

<div class="page-sidebar-wrapper">
  <div class="page-sidebar navbar-collapse collapse">
    <ul>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
 </div>

div .page-sidebar包含一个带有各种ul的li，它们是菜单的声音。
类.page-sidebar具有以下样式：

    float: left;
    position: relative;
    margin-right: -100%;

我加载了stickyfloat.js，并使用以下代码对其进行了初始化

jQuery('.page-sidebar').stickyfloat({
  duration: 0,
  delay: 0
});

但这是行不通的。我做错了什么？

最佳答案

查看stickyfloat.js demo page时，我发现他的所有菜单都首先使用position: absolute;初始化。

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

关于javascript - Stickyfloat.js到侧边栏，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48318184/