jQuery判断div随滚动条滚动到一定位置后停止

  实现代码:

  

复制代码 代码如下:

  <script type="text/javascript">

  var rollSet = $('#widget');

  var offset = rollSet.offset();

  var fwidth = $("#footer").height();

  $(window).scroll(function() {

  var scrollTop = $(window).scrollTop();

  var scrollBtm = $(document).height() - $(window).scrollTop() - $("#widget").height();

  if (offset.top < scrollTop) {

  if (scrollBtm > fwidth) {

  rollSet.removeClass('absolute').addClass('fixed')

  } else {

  rollSet.removeClass('fixed').addClass('absolute')

  }

  } else {

  rollSet.removeClass('fixed')

  }

  })

  </script>

  方法说明:

  由页面总高度减去已滚动的高度再减去ID为widget的层的高度即等于该层底部距离底部的高度;

  当距离底部的高度小于或等于特定位置距离底部的高度时,去掉样式fixed,然后给该层添加绝对定位!

  CSS中要给父父层添加position:relative;