页面无法获取滚动条的高度

页面无法获取滚动条的高度,值为0

虽然网上有很多解决无法获取滚动条的高度,正常来说只需要做个兼容即可:document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop

这可以解决通常遇到的情况,但是我遇到的情况是,个别浏览器(搜狗浏览器、微信浏览器、小米自带浏览器)仍然无法获取滚动条的高度,值为0。

以搜狗浏览器为例,图1可以获取滚动条高度,图2获取一直为0
这里写图片描述 图1
这里写图片描述 图2

区别在于图1是body的滚动条,图2是body内某元素的滚动条,此时某些浏览器无法识别出滚动条的高度,因此值为0。

解决方法:不要设置body的overflow(包括overflow-x、overflow-y)


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值