这家伙一点都不懒

IE6完美实现position:fixed

HTML-CSS2014-01-28 10:54:02

给html和body加如下样式(ie6下消除了fixed元素滚动时的抖动):

html, html body{
    _background-image: url(about:blank);
    _background-attachment: fixed;
}

给要设置fixed的元素加如下样式:

.fixed{
    position: fixed;
    top: 200px;
    left: 200px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + 200));
}

另: css中最耗性能的属性就是 position: fixed 了,可能浏览器的内部实现也是类似于IE6的情况,需要不停的监听滚动事件来实时计算定位的位置。下面给出几个比较耗性能的css属性排行:

  1. position: fixed
  2. background-position: fixed
  3. border-radius
  4. background-size
  5. box-shadow
  6. gradients
讨论(0)
  • 暂无,求挽尊 ~
还可输入2000个字
京公网安备 11011202003202号 鲁ICP备 13027548号-1