展会信息港展会大全

jQuery判断div随滚动条滚动到一定位置后停止
来源:互联网   发布日期:2016-01-26 10:21:45   浏览:2424次  

导读:这篇文章主要介绍了jQuery判断div随滚动条滚动到一定位置后停止的方法,需要的朋友可以参考下实现代码:代码如下:script type=text javascriptvar rollSet = $( 39; widget 39;); var offset = ro ...

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

赞助本站

人工智能实验室

相关热词: 滚动条 jQuery

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港