添加粘性边栏

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> 

但是，这并不currectly工作。

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

Answer 1

我只是没有删除额外的类.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> 

Answer 2

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

例如。

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