在我们制作网页中,如果要设置一些元素随页面滚动的效果的话,很自然的就会把那些元素加上fixed属性,可是这个fixed并不是那么容易兼容于IE浏览器的 。那么怎样才能令IE浏览器支持fixed呢?

IE浏览器
关于这个问题的解决办法,大家的做法一直是用_position:absolute来暂时修订,当然这么做产生的效果和想象中的差距很大 。最近发 现一个方法来修正IE6的fixed效果,如下:_top:expression(documentElement.scrollTop数值“px”),也是一个简单的hack,对于不想引入JS又迫切希望使用fixed属性的人来说,确实是个好办法 。
More:
Q:有时候好像使用document.body.scrollTop来获取滚动条滚动的长度,结果滚动后得到的也是0,为什么改用 document.documentElement.scrollTop就可以了?
A:可以查看一下源代码,如果没有《!doctype html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”》 这一句,那么可以用document.body.scrollTop,否则只能用 document.documentElement.scrollTop 。
原因:在标准w3c下,document.body.scrollTop恒为0,需要用 document.documentElement.scrollTop来代替;document.documentElement.scrollTop 中documentElement 对应的是 html 标签;document.body.scrollTop 中 body 对应的是 body 标签 。
有点深奥,如果大家对代码没有一定的了解的话,那就不要去轻易的更改,还是等高手来帮你解决吧!如果是对此真的感兴趣的朋友的话,可以认真的学习一下!
以上是我们小编提供的令IE兼容fixed秘诀方法,希望能帮助到大家 。
【令IE兼容fixed秘诀有哪些】
推荐阅读
- 解决IE10不兼容QQ空间的秘技
- 高手分享:解决IE9中网页兼容性的秘技
- CSS设置DIV垂直居中的N种方法 兼容IE浏览器
- JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
- JavaScript代码因逗号不规范导致IE不兼容的问题
- 拼多多怎么生成砍价口令
- JavaScript兼容浏览器FF/IE技巧
- dnf战令天空是哪三套
- 应用before/after伪类时如何CSS命名以及针对ie6/ie7浏览器兼容
- IE6、IE7、IE8 JS控制显示隐藏兼容问题
