끈적 사이드 바 추가

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 selector가 잘못되었습니다. 사이드 바를 원하는 것에 따라 .ssidebar 또는 theiaStickySidebar을 사용하십시오.

예 :

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