失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > jQuery判断div随滚动条滚动到一定位置后停止【jquery】

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

时间:2022-02-25 12:06:56

相关推荐

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

web前端|js教程

jQuery,div,滚动条

web前端-js教程

实现代码:

阿里大于php源码,vscode添加源文件库,ubuntu ss ssh,tomcat7.0开启,六腿爬虫,php加入收藏代码,佛山口碑seo推广公司,公众号派单网站源码,标签框模板lzw

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)

}

})

方法说明:

由页面总高度减去已滚动的高度再减去ID为widget的层的高度即等于该层底部距离底部的高度;

当距离底部的高度小于或等于特定位置距离底部的高度时,去掉样式fixed,然后给该层添加绝对定位!

CSS中要给父父层添加position:relative;

电商网站开源系统源码下载,vscode打开视频文件,ubuntu 整机迁移,tomcat远程执行漏洞,zoomed爬虫地毯,php数组赋值给js,惠州seo排名好不好,视频网站会员卡密制作,影视网站模板lzw

如果觉得《jQuery判断div随滚动条滚动到一定位置后停止【jquery】》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。