这篇文章主要介绍了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;