Javascript 添加粘性边栏

我正在尝试使用Github项目的sticky侧边栏。正如上面链接中所描述的，这应该是一项简单的工作。我使用以下HTML结构：

<aside class="sidebar">
 <div class="theiaStickySidebar">
 ...
 </div>
</aside>

但目前这种方法不起作用

---

我在这个过程中做错了什么吗？

Jquery选择器似乎做错了。使用

.ssidebar

或

的asitickydebar

，具体取决于要将哪一个用作侧边栏

例如

jQuery（文档）.ready（函数（）{
jQuery（'.content，.ssidebar'）。它们的索引是debar({
//背景
附加保证金：30
});
});

我只是没有删除额外的类

.content

。用于：

<aside class="sidebar">
 <div class="theiaStickySidebar">
 ...
 </div>
</aside>

...

必须使用：

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="dist/ResizeSensor.min.js"></script>
<script type="text/javascript" src="dist/theia-sticky-sidebar.min.js"></script>

<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery('.sidebar').theiaStickySidebar({
      // Settings
      additionalMarginTop: 30
    });
  });
</script>

jQuery（文档）.ready（函数（）{
jQuery（'.sidebar'）。theistickysidebar({
//背景
附加保证金：30
});
});

您的类名中有一个输入错误，它应该是

jQuery（'.content，.ssidebar'）。theistickysidebar（{…}）@SaurabhSharma这是个错误。反正不行，我打错了。它不起作用，这不是问题所在。
<aside class="sidebar">
 <div class="theiaStickySidebar">
 ...
 </div>
</aside>

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="dist/ResizeSensor.min.js"></script>
<script type="text/javascript" src="dist/theia-sticky-sidebar.min.js"></script>

<script type="text/javascript">
  jQuery(document).ready(function() {
    jQuery('.sidebar').theiaStickySidebar({
      // Settings
      additionalMarginTop: 30
    });
  });
</script>