Google Chrome浏览器JS兼容问题(一)

Google浏览器js兼容问题

众所周知,目前Google Chrome浏览器在已经超过IE份额,成为使用数量最多的浏览器,那么,对于Google Chrome的兼容性也更加得到重视,相信大家有遇到以前在IE,火狐调试好的页面效果,到了Google Chrome上面就出了问题,下面就平时遇到的兼容性问题给予总结:

 

1.js+div弹窗的问题,平时弹窗都需要将窗口弹到浏览器的正中央,但是在Google Chrome上,可能会遇到弹窗到页面的最顶部或最底部,让人很头疼

 

    一般,为了让窗口弹窗弹到浏览器正中央,需要获取当前窗口向下滑动了多少位置,这是时候需要用到页面的document.documentElement.scrollTop属性来获取,但是会发现这个属性在IE和火狐是好用的,到了Google Chrome中调试会发现,值变成了0,话不多说,先告诉方法,可以这样写(document.documentElement.scrollTop + document.body.scrollTop) , 这两个属性,或多或少其中一个在某种浏览器中是会出问题的,值为0,但是,绝对有一个是正确的,所以,将两者加起来,就能保证最后的值准确无误,是不是很有意思?就像那句话说来着:上帝给我们关闭一扇门的同时,会给我们重新开启一扇门。

你可能感兴趣的:(JavaScript)