document.body.scrolltop与document.documentElement.scrollTop处理浏览器兼容问题

xiaoxiao2021-02-28  43

    今天做网页遇到了获取浏览器滚动条滚动距离的问题,上网百度了下共有两种方法,

var height=document.body.scrolltop//当没有DOCTYPE声明时,用它 var height=document.documentElement.scrollTop//标准网页,用它

    也有人说chrome只能使用document.body.scrollTop方法得到height值,本人试用了一下,得到的结果是

以此可见,Chrome依然遵循上面的标准,使用document.documentElement.scrollTop方式,得到height值

其实在实际使用中,为确保在各个浏览器中的正常使用,可采用

var height = document.body.scrolltop||document.documentelement.scrolltop

因为这二者只有一个值有效,因此保证了在各种情况下都能获取浏览器滚动条滚动的距离。

转载请注明原文地址: https://www.6miu.com/read-2629347.html

最新回复(0)