jQuery判断div随滚动条滚动到一定位置后停止
更新时间：2014年04月02日 10:42:09 作者：
这篇文章主要介绍了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;
相关文章
纯JAVASCRIPT图表动画插件Highcharts Examples
官方提供免费的下载包以及详细的文档说明，非常的值得收藏。2011-04-04
jquery键盘事件使用介绍，需要的朋友可以参考下。2011-11-11
大家都知道jQuery很强大，也有很多效果很帅的插件，下面介绍下jQuery定时器插件jQuery Timers，那JS都自带有定时器，为什么要使用Jquery的呢？2010-10-10
这篇文章主要介绍了jquery动态导航插件dynamicNav用法,较为详细的分析了jquery导航插件的原理及具体使用方法,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
这篇文章主要给大家介绍了关于如何选择jQuery版本，是1.x? 2.x?还是3.x? 在选择使用jquery之前我们常常会考虑jQuery应该选择什么版本?现在jquery一般用什么版本以及jquery ie8的兼容版本和jquery什么版本稳定等问题，下面通过这篇文章来看看详细的介绍吧。2017-04-04
学习jquery与正在使用jquery的朋友可以参考下。很多使用的代码，可以直接拿来使用。2010-08-08
下面小编就为大家带来一篇浅谈jquery高级方法描述与应用。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
jQuery创建插件的代码分析，需要的朋友可以参考下。2011-04-04
当我们点击表格里面的标题显示相关的详细信息，比如点击新闻标题显示正文，而正文通常是在一个页面里面，通过获取传递的参数id查询数据库，然后显示出来2011-11-11
这篇文章主要介绍了jQuery表单验证功能,涉及jquery针对表单项的读取与正则判定技巧,非常具有实用价值,需要的朋友可以参考下2015-08-08
最新评论