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;
相关文章
在jquery中，extend其实在做插件时还是用的比较多的，今天同时小结jquery和ext js中的extend用法,有需要的朋友可以参考下2013-01-01
JQuery的ajax函数的返回类型只有xml、text、json、html等类型，没有“流”类型，所以我们要实现ajax下载，不能够使用相应的ajax函数进行文件下载。但可以用js生成一个form，用这个form提交参数，并返回“流”类型的数据。在实现过程中，页面也没有进行刷新2013-05-05
这篇文章主要介绍了jquery带动画效果幻灯片特效，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
以前对于JavaScript总是在用到的时候在页面上写几个函数，基本没考虑到函数的封装与重用，最近有个项目可能对于这方面要求有点高，所以就研究了下类似jQuery的封装2012-06-06
如果一定要用最高版本的jQuery，最省事的办法莫过于在写xxx.focus()时，加一个try/catch，变成try{xxx.focus();}catch(e){}2014-01-01
这篇文章主要介绍了jquery判断复选框选中状态以及区分attr和prop，感兴趣的小伙伴们可以参考一下2015-12-12
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
这篇文章主要介绍了使用jQuery+EasyUI实现CheckBoxTree的级联选中特效的相关资料,需要的朋友可以参考下2015-12-12
这篇文章主要为大家详细介绍了jquery实现动态添加附件功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10
jquery.lazyload 实现图片延迟加载jquery插件
看到了淘宝产品介绍中,图片是在下拉滚动条时加载,这是一个很不错的用户体验。减少了页面加载的时间了，也减轻了服务器的压力，就查了下用JQuery..2010-02-02
jquery中trigger()无法触发hover事件的解决方法
jquery中trigger() 方法触发被选元素的指定事件类型了，但有使用过程中会碰到一些问题了，下面我们一起来看看jQuery中trigger()触发hover事件疑问,希望对各位有帮助。2015-05-05
最新评论