Question

我正在尝试使用Github项目中带有theiaStickySidebar的粘性侧边栏。如上所述，这应该是一项简单的工作。我在下面使用HTML构造：

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

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

并使用Github页面中提到的scripts如下：

<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>

Answer 2

我刚刚没有删除额外的课程.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>

添加粘性侧边栏

2 个答案: