查看: 2222|回复: 8
打印 上一主题 下一主题

[经验分享] 让IE6支持固定定位且滚动时不晃动

[复制链接]
   

671

主题

1

听众

3247

积分

中级设计师

Rank: 5Rank: 5

纳金币
324742
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

跳转到指定楼层
楼主
发表于 2011-12-30 19:00:04 |只看该作者 |倒序浏览
position:fixed在CSS中还是会用到,可是IE6却不支持,用JS来修复,但是滚动时,会晃动。
  关于这个问题,我在网上搜索过一段时间,发现一种用CSS的expression方法,虽然这种方法会增加页面读取的计算次数,可是用它来修复IE6固定定位滚动时晃动还是满有效的,也不会因此而影响到其他CSS效果的使用。
  用IE6点此查看效果:让IE6支持固定定位且滚动时不晃动。
  给标签<div id="fixed"></div>设置样式,如下:
body {

_background-image: url(about:blank);     /*用浏览器空白页面作为背景*/

_background-attachment: fixed;     /* prevent screen flash in IE6 确保滚动条滚动时,元素不闪动*/

}

#fixed {

position: fixed;

top: 50%;  /* 其他浏览器下定位,在这里可设置坐标*/

_position: absolute;  /*IE6 用absolute模拟fixed*/

_top: expression(document.documentElement.scrollTop + Math.round(document.documentElement.offsetHeight / 2) + "px"); /*IE6 动态设置top位置*/

background:#f60;

border: 1px solid #f00;

width: 100px;

height: 100px;

margin-left: -50px;

margin-top: -50px;

left: 50%;

}
分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

   

671

主题

1

听众

3247

积分

中级设计师

Rank: 5Rank: 5

纳金币
324742
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

沙发
发表于 2012-1-6 22:16:28 |只看该作者
回复

使用道具 举报

tc    

5089

主题

1

听众

33万

积分

首席设计师

Rank: 8Rank: 8

纳金币
-1
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

板凳
发表于 2012-2-2 23:25:33 |只看该作者
精典,学习了!
回复

使用道具 举报

462

主题

1

听众

31万

积分

首席设计师

Rank: 8Rank: 8

纳金币
2
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

地板
发表于 2012-2-17 23:18:31 |只看该作者
不错哦,顶一下......
回复

使用道具 举报

tc    

5089

主题

1

听众

33万

积分

首席设计师

Rank: 8Rank: 8

纳金币
-1
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

5#
发表于 2012-6-25 23:24:32 |只看该作者
先顶上去,偶要高亮加精鸟!
回复

使用道具 举报

tc    

5089

主题

1

听众

33万

积分

首席设计师

Rank: 8Rank: 8

纳金币
-1
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

6#
发表于 2012-11-7 23:26:58 |只看该作者
已阵亡的 蝶 随 风 舞 说过  偶尔按一下 CTRL A 会发现 世界还有另一面
回复

使用道具 举报

.    

3797

主题

11

听众

5万

积分

首席设计师

Rank: 8Rank: 8

纳金币
32328
精华
41

活跃会员 优秀版主 荣誉管理 论坛元老

7#
发表于 2012-11-8 19:30:09 |只看该作者
wed 3D 纳金网
回复

使用道具 举报

5969

主题

1

听众

39万

积分

首席设计师

Rank: 8Rank: 8

纳金币
-1
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

8#
发表于 2013-2-8 05:20:13 |只看该作者
无聊时可以刷屏幕 灌水 也可以试试 帖子的标题究竟可以写多长
回复

使用道具 举报

5969

主题

1

听众

39万

积分

首席设计师

Rank: 8Rank: 8

纳金币
-1
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

9#
发表于 2013-2-22 23:27:58 |只看该作者
很经典,很实用,学习了!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2025-2-25 03:28 , Processed in 0.067750 second(s), 29 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部