`

DIV固定不动,不随滚动条滚动且不闪动

    博客分类:
  • js
阅读更多

<!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=UTF-8">

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

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

<br/><br/>aaaa

</div>

</body>

</html>

分享到:
评论

相关推荐

    css兼容IE678的底部固定浮动层

    用css实现div固定在屏幕底部,不随垂直滚动条接动而闪动,很好的实现在ie下的浮动效果,IE6 position:fixed

    移动端jQuery修正Web页面滑动时div问题的两则实例

    初始时,不设置fixed定位,当div的offset值小于滚动条的top值时,添加一个class使其变为fixed定位。这种方式适用于iOS设备上可能出现的问题,确保在需要时才切换到fixed定位。相关代码如下: ```javascript ...

    IE6 fixed的完美解决方案

    文中提供的第一个解决方案,通过给元素设置固定的背景图像,并使用expression方法动态调整元素的位置,可以有效防止滚动条滚动时元素的闪动。 具体来说,通过设置body的背景图像为浏览器的空白页面,并使背景图像...

    JavaScript网页特效范例宝典源码

    实例042 应用CSS+DIV实现指定尺寸无边框无滚动条窗口 65 实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用...

Global site tag (gtag.js) - Google Analytics