スティッキーサイドバーを追加

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>