zoukankan      html  css  js  c++  java
  • 解决 IE6 position:fixed 固定定位问题!

    
    

      

    元素固定在浏览器的底部和距离右边的20个像素,这次的代码是:
    
    #top{
    position:fixed; 
    _position:absolute;
    bottom:0;
    right:20px;
    _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    }
    
    right 跟 left 属性可以用绝对定位的办法解决,而 top 跟 bottom 就需要用上面的表达式来实现。其中在
    _position:absolute;
    中的
    _
    符号只有 IE6 才能识别,目的是为了区分其他浏览器。
    上面的只是一个例子,下面的才是最重要的代码片段:
    使元素固定在浏览器的顶部:
    
    使元素固定在浏览器的顶部:
    
    #top{
    _position:absolute;
    _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop));
    }
    
    使元素固定在浏览器的底部:
    
    #top{
    _position:absolute;
    _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    }
    

      

  • 相关阅读:
    对象接口
    final关键字
    面向对象----多态,抽象,接口
    面向对象中的继承、封装、构造与析构函数
    PHP类与对象
    JS项目
    AppStore IAP 客户端校验代码
    Android线程计时器实现
    Cocos2d-x java 通过jni调用c++的方法
    ios7 uuid的获取方法
  • 原文地址:https://www.cnblogs.com/jonhson/p/2216473.html
Copyright © 2011-2022 走看看