谜爱阁生活网

令IE兼容fixed秘诀

软件教程  2024-06-24 11:28:00  热度:32℃

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

令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//ENhttp://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 标签。

有点深奥,如果大家对代码没有一定的了解的话,那就不要去轻易的更改,还是等高手来帮你解决吧!如果是对此真的感兴趣的朋友的话,可以认真的学习一下!

最近更新

  • 酷狗音乐中使用蝰蛇音效制作工具的具体操作方法

    酷狗音乐中使用蝰蛇音效制作工具的具体操作方法

    2024-11-111281阅读

  • win7电脑中出现声音图标不见了的具体解决方法

    win7电脑中出现声音图标不见了的具体解决方法

    2024-11-11890阅读

  • 车到哪app的详细软件介绍

    车到哪app的详细软件介绍

    2024-11-11998阅读

  • 小米9se中查看序列号的具体操作方法

    小米9se中查看序列号的具体操作方法

    2024-11-11957阅读

  • 迅雷中使用FTP探测器的详细操作方法

    迅雷中使用FTP探测器的详细操作方法

    2024-11-11963阅读

  • ppt制作出小荷才露尖尖角动画场景的具体操作步骤

    ppt制作出小荷才露尖尖角动画场景的具体操作步骤

    2024-11-11814阅读

  • 小米9se中清除内存的具体操作步骤

    小米9se中清除内存的具体操作步骤

    2024-11-11770阅读

  • 千牛中取消消息提醒的具体操作流程

    千牛中取消消息提醒的具体操作流程

    2024-11-11787阅读

  • 抖音app中两个人使用特效具体步骤介绍

    抖音app中两个人使用特效具体步骤介绍

    2024-11-11775阅读

  • 2018Mac mini值得购买吗?Mac mini配置参数及售价详解

    2018Mac mini值得购买吗?Mac mini配置参数及售价详解

    2024-11-11798阅读