关于document.body.scrollTop 的谷歌,火狐浏览器兼容问题

最近开发页面, 出现一个问题, 弹框在谷歌浏览器正常,在火狐浏览器中, 当滚动条滚动之后,弹框就显示在上面,也就是说document.body.scrollTop 它只适用于google浏览器,

火狐浏览器就要改为document.documentElement.scrollTop,但是如果做兼容的话,我的解决方法是document.documentElement.scrollTop + document.body.scrollTop.

这样就解决的不兼容的问题。

时间: 2024-10-19 00:19:02

关于document.body.scrollTop 的谷歌,火狐浏览器兼容问题的相关文章

IE浏览器跟火狐浏览器兼容写法3

HACK设置 仅IE7识别 *+html {…} 当面临需要只针对IE7做样式的时候就可以采用这个HACK. IE6及IE6以下识别 * html {…} 这个地方要特别注意很多地主都写了是IE6的HACK其实IE5.x同样可以识别这个HACK.其它浏览器不识别. html/**/ >body select {……}网页教学网 这句与上一句的作用相同. 仅IE6不识别 select { display /*IE6不识别*/:none;} 这里主要是通过CSS注释分开一个属性与值,流释在冒号前.

IE浏览器跟火狐浏览器兼容写法2

XHTML+CSS兼容性解决方案小集 ! 我就先把一些我遇到的问题写在下面: 1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法: div{margin:30px!important;margin:28px;}注意这两个margin的顺序一定不能写反,据阿捷的说法!important这个属性IE不能识别,但别的浏览器可以识别.所以在IE下其实解释成这样: div{maring:30px;margin:28px}重复定义的话按照最后一个来执行,所以不可以只写m

IE浏览器跟火狐浏览器兼容写法(1)

CSS样式表在Firefox和IE下的区别 总结的一些CSS在FF和IE下的区别!可能不完整,以后会陆续补充. FireFox: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 FireFox: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 FireFox: 设置 padding 后, div 会增加 height 和 widt

如何让火狐浏览器兼容background-position的animate动画?

在做背景图片滚动的动画时,一般会用到background-position-x|background-position-y, 但火狐和欧朋浏览器不支持改表示方法,只支持原生的background-position,在做此类动画的时候,由于background-position所有浏览器都支持,所以就可以放心的使用animate做背景滚动动画了..... 可是悲剧的是,jq的animate不支持background-position的表达方式,其支持background-position-x|ba

黄聪:手机移动站Web响应式开发工具Viewport Resizer插件(360浏览器、谷歌Chrome浏览器兼容)

插件作用: 移植自@MalteWassermann的脚本,一个可以测试响应式布局的chrome扩展. 插件截图: 插件下载地址(需FQ): https://chrome.google.com/webstore/detail/viewport-resizer/kapnjjcfcncngkadhpmijlkblpibdcgm?hl=zh-CN

localStorage和sessionStorage火狐浏览器和其他高级浏览器的区别

例子: <script>window.onload=function(){ var oSetData = document.getElementById('setData'); var oGetData = document.getElementById('getData'); oSetData.onclick=function(){ if(window.localStorage){ console.log('支持'); localStorage.date1 = '{"content

火狐浏览器如何js关闭窗口的几种解决方法

今天在项目上有一个页面要求在几秒后自动关闭,想着还比较简单,用window.close()就可以了,但是用IE/谷歌/火狐浏览器试了一下,发现IE可以,谷歌用网上的兼容方法也可以实现,但是火狐这里卡住了,不能关闭,网上看到的一种兼容代码: function windowclose() { var browserName = navigator.appName; if (browserName=="Netscape") { window.open('', '_self', ''); wi

火狐浏览器,IE11浏览器 兼容处理

火狐浏览器中的css hack /**火狐浏览器兼容处理**/ /**火狐浏览器(所有)兼容处理**/ @-moz-document url-prefix() { 在这里输入兼容样式 } /**火狐浏览器2版本兼容处理**/ html>/**/body .selector, x:-moz-any-link { 在这里输入兼容样式 } /**火狐浏览器3版本兼容处理**/ html>/**/body .selector, x:-moz-any-link, x:default { 在这里输入兼容样

JS中常遇到的浏览器兼容问题和解决方法

//以下均可console.log()实验 var winW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽 var winH=document.body.clientHeight||document.docuemntElement.clientHeight;//网页可见区域宽 //以上为不包括边框的宽高,如果是offsetWidth或者offsetHeight的话包括边框 var winWW=d