zoukankan      html  css  js  c++  java
  • 让div固定在顶部不随滚动条滚动【转】

    让div固定在顶部不随滚动条滚动

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>chinmo.net</title>
    <style type="text/css">
    body{
     margin:0px;
     padding:0px;
    }
    #glideDiv0{position:fixed; top:0;left:0; width:100%; background:#F00;}
    </style>
    <!--[if IE 6]> 
    <style type="text/css">
    html{overflow:hidden;}
    body{height:100%;overflow:auto;}
    #glideDiv0{position:absolute;}
    </style>
    <![endif]-->
    </head>
    <body>
    <div id="glideDiv0">
    固定顶部不动
    </div>
    <div id="wrap_outer">
    <br/><br/>固定Div,且scroll时Div不闪动。
    <br/><br/>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbaa
    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    <br/><br/>bbbb
    </div>
    
    </body>
    </html>
  • 相关阅读:
    关于Spring的destroy-method和scope="prototype"不能共存问题
    关于引入文件名字问题
    技术学习路
    web.xml文件配置
    性能测试中的TPS与HPS
    设计模式简介
    Cause of 400 Bad Request Errors
    vim使用技巧
    如何更好地利用Pmd、Findbugs和CheckStyle分析结果
    Java基础知识
  • 原文地址:https://www.cnblogs.com/whatlonelytear/p/5571251.html
Copyright © 2011-2022 走看看