当它到达页脚部分时，如何隐藏或滚动我固定的社交侧边栏？

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();
    }
  });

});