ie6支持position:fixed之js方法:

最新推荐文章于 2024-04-29 11:06:38 发布

xjinza

最新推荐文章于 2024-04-29 11:06:38 发布

阅读量526

点赞数

分类专栏： javascript css 文章标签： ie function xhtml class html url

css 同时被 2 个专栏收录

89 篇文章 0 订阅

订阅专栏

javascript

56 篇文章 0 订阅

订阅专栏

<!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>ie6支持position:fixed之js方法</title>
</head>
<style>
* { padding:0; margin:0;}
body{font-size:14px;line-height:30px;}
* html{background-image:url(about:blank)}/*防止在ie6下闪动*/
.fixed {position:fixed;top:20px;left:20px;width:200px;height:300px;background:#09C;border:1px solid #f60;}
.wrapper { height:100%; overflow:auto;margin-left:300px;}
</style>
<!--[if lt IE 7]>
<style>
#fixed{position:absolute;}
</style>
<script type="text/javascript">
window.οnlοad=function(){
var n=20; //top值
var obj=document.getElementById("fixed"); //position:fixed对象
window.οnscrοll=function(){obj.style.top=(document.body.scrollTop||document.documentElement.scrollTop)+n+'px';}
window.οnresize=function(){obj.style.top=(document.body.scrollTop||document.documentElement.scrollTop)+n+'px';}
}
</script>
<![endif]-->
<body>
<div class="fixed" id="fixed">
	 这里是固定的模拟fixed的元素
</div>
<div class="wrapper">
	
</div>
</body>
</html>

优惠劵

xjinza

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ie6支持position:fixed之js方法:

ie6支持position:fixed之js方法* { padding:0; margin:0;}body{font-size:14px;line-height:30px;}* html{background-image:url(about:blank)}/*防止在ie6下闪动*/.fixed {position:fixed;top:20px;left:20px;width:200px
复制链接

扫一扫