您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

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