让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>

让div固定在顶部不随滚动条滚动的更多相关文章

  1. 让div固定在顶部不随滚动条滚动【转】

    让div固定在顶部不随滚动条滚动 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h ...

  2. Jquery当div超出页面时就固定到顶部否则跟随页面滚动

    $.fn.smartFloat = function () { var position = function (element) { var top = element.position().top ...

  3. bootstrap div 固定

    div固定在顶部样式: .navbar-fixed-top div固定在底部样式 .navbar-fixed-bottom

  4. 返回顶部的功能 div固定在页面位置不变

    1.你在网上搜索的时候,可能会搜索到div固定在页面上,不随滚动条滚动而滚动是用CSS写的,写法是position:fixed;bottom:0; 但是这个在iframe满地跑的页面实际开发中,有啥用 ...

  5. 把div固定在网页顶部

    很多网站都有把某一块固定在顶部的功能,今天上网搜搜然后自己又写了一遍,贴出来给大家看看,哪天用到的时候自己也可以随时看看 <!DOCTYPE html PUBLIC "-//W3C// ...

  6. 滚动页面时DIV到达顶部时固定在顶部

    本示例使用Javascript实现了滚动页面时,DIV到达顶部时固定在顶部.在IE下效果有点闪,效果网址:http://www.keleyi.com/keleyi/phtml/fixdiv.htm 下 ...

  7. css固定div头部 滚动条滚动内容

    页面布局,固定头部,滚动下方内容 实际场景 在制作页面的时候,经常会遇到要这样的情况:整个页面,整体分三大模块,头部固定,内容区域,左边固定,右边可以滚动. 最终想要的效果 案例源码 <!DOC ...

  8. CSS Div固定在网页顶部、底部、左侧、右侧

    Div固定在网页顶部 .header { width:100%; height:80px; background-color:#FAFAFA; position:fixed; top:; left:; ...

  9. div固定在浏览器的最上方，不随滚动条滚动

    #topDIV { position: fixed; ; ; width: 100%; height: 35px; border-bottom: 1px solid #eee; background- ...

随机推荐

  1. PHP Warning: PHP Startup: in Unknown on line 0

    Windows平台启动php后,出现PHP Warning:  PHP Startup:  in Unknown on line 0解决方案:这个问题是由于php.ini中没有开启(去掉注释符号)ph ...

  2. Crypto++ RSA从字符串读取公私匙

    string and StringSource (load): string spki = ...; StringSource ss(spki, true /*pumpAll*/); RSA::Pub ...

  3. Windows Linux 之间rsync同步CODE文件

    Windows Linux 之间rsync同步CODE文件 一.环境Windows:OS:Microsoft Windows Web Server 2008 SP1IP:192.168.88.197 ...

  4. Android工作学习第5天之TabHost实现菜单栏底部显示

    TabHost是一个装载选项卡窗口的容器,实现分模块显示的效果.像新浪微博客户端.微信客户端都是使用tabehost组件来开发的. TabHost的组成: |---TabWidget:实现标签栏,可供 ...

  5. 中文字号VS英文字号(磅)VS像素值

    中文字号VS英文字号(磅)VS像素值八号＝5磅(5pt) ==(5/72)*96=6.67 =6px 七号＝5.5磅 ==(5.5/72)*96=7.3 =7px 小六＝6.5磅 ==(6.5/72) ...

  6. 安卓工程 Installation error：INSTALL_PARSE_FAILED_MANIFEST_MALFORMED的解决办法

    解决办法:把包名首字母改成小写就好了.

  7. springmvc+mybatis整合

    maven 依赖 <!-- springmvc --> <dependency> <groupId>org.springframework</groupId& ...

  8. ActiveMQ实现负载均衡+高可用部署方案

    一.架构和技术介绍 1.简介 ActiveMQ 是Apache出品,最流行的,能力强劲的开源消息总线.完全支持JMS1.1和J2EE 1.4规范的JMS Provider实现 2.activemq的特 ...

  9. SIGABRT的可能原因

    常见原因: 第三方库如glic检测到内部错误或者破坏约束条件 3种可能1.double free/free 没有初始化的地址或者错误的地址2.堆越界3.assert

  10. vs2013单元测试练习过程

    1.打开VS2013 --> 新建一个项目.这里我们默认创建一个控制台项目.取名为UnitTestDemo 2.在解决方案里面新增一个单元测试项目.取名为UnitTestDemoTest 创建完 ...