IE6支持position:fixed最完美方案

最新推荐文章于 2026-01-03 21:59:22 发布

原创最新推荐文章于 2026-01-03 21:59:22 发布 · 832 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ie #css #c

Javascript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种在IE6浏览器中实现平滑固定的底部元素的方法，通过使用CSS表达式，可以在不借助JavaScript的情况下达到良好的视觉效果，并且兼容W3C标准。

IE7已经支持position:fixed了，而我们的IE6呢？还继续使用js事件？消耗资源，破坏结构，画面闪耀。
今天去一老外站看到了这他站上的十分平滑但却没有js，好奇，原来。。巧妙啊，分享下，相对而言比较节省资源。但效果好，使用方便，兼顾w3c。哈哈

程序代码

ie-stuff.css

程序代码

#footer {
    position: absolute;
    bottom: auto;
    clear: both;
    top:expression(eval(document.compatMode &&
        document.compatMode=='CSS1Compat') ?
        documentElement.scrollTop
        +(documentElement.clientHeight-this.clientHeight) - 1
        : document.body.scrollTop
        +(document.body.clientHeight-this.clientHeight) - 1);
}