2016-11-23 63 views
1

之前停止我有問題時,我建我的博客,有什麼我想知道如何讓我的側邊欄部件粘和停止#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>

問:我如何讓頁腳之前停止?

+0

@reinder ..如果你不介意,你可以檢查我的博客元素http://christcay.blogspot.co.id/,有一個ID爲HTML3(PROFIL STMIK BUMI GORA)的#sidebar thats小工具欄邊我想在#footer之前停止使用id HTML4(CHRISTIANTO D,WIBOWO).. 謝謝拍品 – GEMBLONG

+0

@reinder ..是它很粘,但是當我或你滾動它時,粘滯的#right側邊欄通過我的#footer ,我需要你的幫助(please..please請)在我的#footer之前停止粘性,所以這粘性不會關閉我的#footer,我試圖把變異限制,以此停止 與此: var limit = bs_sticky('#HTML4')。offset()。top - stickyHeight - 20; 但它不起作用(我使用谷歌Chrome瀏覽器來測試它) 非常感謝。 – GEMBLONG

+0

我認爲,沒有什麼是不可能在Java,JavaScript等等,但事實證明,這是在Java,javascrpt等「不可能」。 請大師代碼給我一些建議,如何使我的浮動/粘右側欄不會在頁面尾部關閉頁腳,我沒有想過,但是技術上是如何使用代碼語言來說,在事實上這就是浮動/粘貼關閉通過我的頁腳..只是希望它停止浮動/粘在我的頁腳之前,請請,請求你,碩士代碼..... 我嘗試了很多方式作爲初學者在編碼,但它總是搞砸了......請。謝謝 – GEMBLONG

回答

0

我的問題現在解決了,解決方案是在this link,但它也不會很完美,我只是在這個粘性邊欄小部件的下方添加了Jquery,並且在主頁上添加了一個Jquery for image滑塊,以及最終一切順利。