javascript scrollTop在浏览器中的差异

标签：

相信有很多新手朋友经常会遇到document.body.scrollTop 一直为0的情况，今天刨根问底，找到问题所在：

火狐和其它标准浏览器

1. 在没有doctype声明的页面里可以使用  document.body.scrollTop 来获取 scrollTop高度 ;

2. 在有doctype声明的页面里可以使用  document.documentElement.scrollTop 来获取 scrollTop高度。

苹果浏览器

1. 无论有没有doctype声明 都只能document.body.scrollTop能取到值 。

IE

1. 无论有没有doctype声明的页面里 IE7及以上都只能document.documentElement.scrollTop取到值，但在IE10里两者都能取到，IE这里比较怪异，可能是因为系统问题。

window.pageYOffset

无论有没有设置doctype声明，在各大浏览器里都能获取到值(IE8以上支持，IE8及以下都是undefined)

兼容写法

document.documentElement.scrollTop || document.body.scrollTop

window.pageYOffset || document.documentElement.scrollTop (不支持IE6及以下)

javascript scrollTop在浏览器中的差异

标签：

原文地址：http://www.cnblogs.com/yangzonglong/p/4670952.html