令IE兼容fixed秘诀
2024-06-24 11:28:00阅读量:37 字体:大 中 小
在我们制作网页中,如果要设置一些元素随页面滚动的效果的话,很自然的就会把那些元素加上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//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 标签。
有点深奥,如果大家对代码没有一定的了解的话,那就不要去轻易的更改,还是等高手来帮你解决吧!如果是对此真的感兴趣的朋友的话,可以认真的学习一下!
免责声明:
本文《令IE兼容fixed秘诀》版权归原作者所有,内容不代表本站立场!
如本文内容影响到您的合法权益(含文章中内容、图片等),请及时联系本站,我们会及时删除处理。
推荐阅读

微信很小的那种表情包怎么做的
平常生活中微信很小的那种表情包可以在微信的小程序里根据自己的喜好进行制作,通过以下步骤制作微信表情包: 微信很小的那种表情包怎么做的 1、打开微信,切换到发现页面,点击小程序”进入小程序页...
阅读: 1502

剪映怎么在中间插视频
想要使用剪映视频中间插入另一个视频,可以把原本视频分割再插入新的视频,通过以下步骤使用剪映在中间插视频: 剪映怎么在中间插视频 1、打开剪映,点击开始创作”进入选择页面。 2、选择一个视...
阅读: 879

qq进群特效怎么关闭
想要关闭qq进群特效,可以在qq群的进群特效相关功能进行关闭,开通超级会员才能享受进群特效,通过以下步骤关闭qq进群特效: qq进群特效怎么关闭 1、打开qq,点击qq群”进入qq群聊天页...
阅读: 817

地摊怎么申请微信商家码
地摊想要申请微信商家收款二维码,可以从微信收款小账本进行相关设置即可申请微信商家收款二维码,通过以下步骤可以申请微信商家收款二维码: 地摊怎么申请微信商家码 1、打开微信,切换到发现页面,点击小程序&...
阅读: 915

微信拉黑和删除
微信加入黑名单后给对方发消息,对方可以看到但不能回复,微信删除后双方都不能发消息,微信拉黑和删除具体步骤如下: 微信拉黑和删除 1、打开微信,切换到通讯录页面,点击联系人”进入联系人名片...
阅读: 854

qq音乐删除访问记录别人能看见吗
qq音乐删除了访问记录别人是不能看到的,可以在访客功能中删除访问记录,通过以下步骤删除qq音乐访问记录: qq音乐删除访问记录别人能看见吗 1、打开qq音乐,切换到个人中心,点击头像”进入...
阅读: 810
热门文章
1.拼多多退货商家拒收后怎么处理
- 1

- 拼多多退货商家拒收后怎么处理
- 2022-12-27
- 1
2.怎么取消淘宝省钱卡的自动续费
- 2

- 怎么取消淘宝省钱卡的自动续费
- 2022-12-27
- 2
3.微信视频号发表的朋友圈能看到吗
- 3

- 微信视频号发表的朋友圈能看到吗
- 2022-12-27
- 3
4.拼多多商家拒绝退款申请怎么办
- 4

- 拼多多商家拒绝退款申请怎么办
- 2022-12-27
- 4
5.70岁老人没有健康码怎么出行
- 5

- 70岁老人没有健康码怎么出行
- 2022-12-27
- 5
6.怎样开通支付宝花呗收款功能
- 6

- 怎样开通支付宝花呗收款功能
- 2022-12-27
- 6
7.soul引力签怎么自定义编辑
- 7

- soul引力签怎么自定义编辑
- 2022-12-27
- 7
8.微信等待铃声怎么设置
- 8

- 微信等待铃声怎么设置
- 2022-12-27
- 8
9.qq邮箱怎么发照片到别的邮箱
- 9

- qq邮箱怎么发照片到别的邮箱
- 2022-12-27
- 9
10.摆摊收款码怎么弄
- 10

- 摆摊收款码怎么弄
- 2022-12-27
- 10
最近更新

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

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

车到哪app的详细软件介绍
2024-11-11

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

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

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