スティッキーサイドバーには、私は私のブログを構築するとき、私は問題があるフッタ

Question

前に停止しない、そこに私は自分のサイドバーウィジェットは粘着性にし、停止する方法を知りたい何か、私はそれを前に停止させるにはどうすればよい#footer

前にスクロールフッタ？ 私のウィジェットは私のフッタを通過しています。誰かが私を助けてくれるのであれば、本当に感謝しています。

このスクリプト：

<script> 
 
// Sticky widget by Bloggersentral.com 
 
// Tutorial at http://www.bloggersentral.com/2013/04/how-to-make-any-widget-sticky.html 
 
// Free to use or share, but please keep this notice intact. 
 
//<![CDATA[ 
 
bs_makeSticky("YOUR_WIDGET_ID"); // enter your widget ID here 
 
function bs_makeSticky(elem) { 
 
    var bs_sticky = document.getElementById(elem); 
 
    var scrollee = document.createElement("div"); 
 
    bs_sticky.parentNode.insertBefore(scrollee, bs_sticky); 
 
    var width = bs_sticky.offsetWidth; 
 
    var iniClass = bs_sticky.className + ' bs_sticky'; 
 
    window.addEventListener('scroll', bs_sticking, false); 
 
    function bs_sticking() { 
 
     var rect = scrollee.getBoundingClientRect(); 
 
     if (rect.top < 0) { 
 
      bs_sticky.className = iniClass + ' bs_sticking'; 
 
      bs_sticky.style.width = width + "px"; 
 
     } else { 
 
      bs_sticky.className = iniClass; 
 
     } 
 
    } 
 
} 
 
//]]> 
 
</script>

<style> 
 
.bs_sticking {background:#f2f2f2 !important; position:fixed !important; top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3); margin-top: 0; position:relative\9 !important;} 
 
</style>

Q：どのように私はそれはフッターの前に停止するのですか？

Answer 1

解決方法はthis linkですが、これも完全ではありません。ちょうどこのスティッキーサイドバーウィジェットの下にJqueryを追加し、ホームページ上に画像スライダーのJqueryを1つ追加します。やがてすべてうまくいった。