jq获取元素距离windows可视区域底部的距离

By | 2020年7月25日

网上搜索了一下关于jq获取元素距离可视区域底部的距离,基本查到的结果是元素距离可视区域的顶部距离,其实获取距离底部的距离也很简单,就是稍微更改一下获取顶部距离的方法:

window.onload=function(){
		var ofsetTop=$("#websiteFooter").offset().top;  //获取元素距离文档顶端的偏移值
		var scrollTop=$(window).scrollTop();  //获取网页被卷起来的高度(即浏览器滚动条滚动后隐藏的页面内容高度)
		var windowHeight=$(window).height();  //可视区域的高度(及窗口的高度)
		console.log(ofsetTop-scrollTop-windowHeight);  //输出元素距离可视区域底部的距离
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注