javascript - 添加粘性侧边栏

Question

我正在尝试使用粘性侧边栏 theiaStickySidebar来自 Github 项目。正如上面链接中所述，这应该是一项简单的工作。我使用下面的 HTML 结构:

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

所有这些脚本都需要工作。

并且还使用 Github 页面中提到的脚本，如下所示:

<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('.content, .sidebar').theiaStickySidebar({
      // Settings
      additionalMarginTop: 30
    });
  });
</script>

但这并不能正常工作。

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

Answer 1

Jquery 选择器似乎错误。使用 .ssidebar 或 theiaStickySidebar，具体取决于您想要将哪一个用作侧边栏。

例如。

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