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;
相关推荐
hong 2011-03-03
echoes 2019-11-03
xiaohuli 2019-06-29
libowen0 2018-06-04
dangzhangjing 2019-06-27
语帆 2015-04-15
zengni 2014-08-20
努力的zhiyi 2014-08-04
ChromeHearts 2013-05-14
沉着前进 2011-10-22
liusure0 2011-09-27
87453661 2011-08-21
wolaizheli 2011-06-30
linkincsdn 2011-05-22
我的梦想 2016-06-16
闷骚的男 2016-08-10
飞蛾分吧 2016-06-07
88417615 2019-04-25