zoukankan      html  css  js  c++  java
  • html css 控制div或者table等固定在指定位置

    .bottomTable{
     background-color: rgb(249,249,249);
        z-index:99999999; position:fixed; bottom:0; left:0; 100%; _position:absolute; /* for IE6 */
        /* _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight);    */
        _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); /* for IE6 */
         overflow:visible;
     }

    1、z-index:设置层处于最顶层。

    2、position:fixed;设置定位。

    3、_top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6);通过css绑定js控制层距顶端的高度,

    此处是控制层处于底部,具体数值根据需求作相应的调整。

    4、document.body.scrollTop:body,body标签滚动条滚动的距离,可更换为你其它标签对象(存在滚动条)。

    5、document.body.clientHeight,body标签的高度,可更换为你其它标签对象。

    6、-6,距具体情况作相应改动。

  • 相关阅读:
    shell编程之 ()[] {}
    mysql环境搭建
    CSS布局基础——BFC
    Java线程
    chrome developer tool—— 断点调试篇
    JavaScript技巧[转载]
    如何在github中创建演示demo
    rem在响应式布局中的应用
    javascript模块化
    浏览器客户端的数据存储
  • 原文地址:https://www.cnblogs.com/skycsdn/p/5580009.html
Copyright © 2011-2022 走看看