源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-12-10 19:44 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery判断div随滚动条滚动到一定位置后停止
实现代码:
[u]复制代码[/u] 代码如下:
<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;
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部