js:判断页面是否有滚动条,滚动条是否处于页面顶部

本文介绍了一种判断网页是否包含滚动条以及滚动条位置的方法,通过比较内容区域高度与视口高度来确定是否存在滚动条,并使用兼容多种浏览器的方案获取滚动条当前的位置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//判断页面是否有滚动条
							//document.body.scrollHeight; 	内容区域的高度
							let flag = document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight);
							if(flag){ //此时内容高度大于页面高度,有滚动条
								//判断滚动条的位置,
								// 谷歌浏览器和没有声明 DTD  <DOCTYPE    >: 
								// document.body.scrollTop; 
								// 火狐和其他浏览器  
								// document.documentElement.scrollTop;
								// ie9+  和 最新浏览器   都认识
								// window.pageXOffset;     pageYOffset  (scrollTop)
								let scrollTop = window.pageYOffset ||document.documentElement.scrollTop|| document.body.scrollTop || 0;
								// console.log(scrollTop);
								if(scrollTop == 0){ //此时滚动条处于页面的顶部
									//触发下拉刷新事件
									me.pageIndex = 0; //第一页数据
									me.jumpPage();
								}
							}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值