今天在做网站的时候需要实现一个随网页滚动的div的效果。搜了搜,多数是js效果,这不是浪费资源么。还有一个用top:expression()实现的,可惜在多个层时候就没效了,烂!
于是去美味书签找了找,还真看到了。
引自:
http://www.jluvip.com/blog/article.asp?id=109
因为非IE的主流浏览器都支持position:fixed;所以只需要给IE设置一下fixed效果。
第一步让IE下#menu具有绝对定位
* html #menu {position:absolute;}/*only for ie*/结果看到有两个纵轴滚动条,外围是html的,内侧是body的。
第二步去掉外侧滚动条,因为外侧没有滚动效果
html {overflow-x:auto; overflow-y:hidden;}
还发现个更好的,把各种固定的header、footer之类都写好了代码的:
http://limpid.nl/lab/css/fixed/css真是万能阿!IE7和FF2都完全支持CSS3吧!!