如何隱藏或滾動我的固定社交側欄當它到達頁腳部分？

Question

我想讓左側的社交邊欄滾動或隱藏，當它到達頁腳部分時。那麼我該怎麼做呢？謝謝。

Answer 1

如果你想在左邊的浮動社交欄隱藏時即頁腳的元素，是瀏覽器的口內可見，你可以比較頂部與瀏覽器的底部位置的元素的偏移視。例如，

$(document).ready(function(){ 

    $(document).scroll(function(){ 

    var footerSelector = '#wrapper-12'; 
    var socialBarSelector = '.pw-float-left'; 

    var bottomViewPort = $(window).scrollTop()+$(window).height(); 
    var footerTop = $(footerSelector).offset().top; 

    if(bottomViewPort>=footerTop){ 
     $(socialBarSelector).fadeOut(); 
    }else{ 
     $(socialBarSelector).fadeIn(); 
    } 
    }); 

});