87,990
社区成员
发帖
与我相关
我的任务
分享<div id="parent" style="height:110px;width:300px; border:1px solid #000;overflow-x:scroll;overflow-y:hidden; position:relative;">
<div id="child" style="width:620px;height:100px">
<div id="left" style="height:100px;width:100px;border:1px solid red; float:left; position:absolute; left:0; top:0; background:#fff; z-index:0;">1111111111</div>
<div id="right" style="height:100px;width:500px;border:1px solid #666; float:left; position:absolute; left:100px; top:0px; z-index:-1">2222222222222222222222222222222222222222222</div>
</div>
</div>
<script type="text/javascript">
var oleft = document.getElementById("left");
var parent = document.getElementById("parent");
function scroll()
{
oleft.style.left= parent.scrollLeft+"px"
}
window.setInterval(scroll,1)
</script>
<!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>
<title>zell419</title>
<style type="text/css">
#left{position:absolute;top:100px;left:0px;}
#right{position:fixed;_position:absolute;top:100px;_top:100px;right:0px;_right:0px;_margin-top:expression(this.style.pixelHeight+document.documentElement.scrollTop)}
</style>
</head>
<body style="height:5000px;">
<div id="left"> left </div>
<div id="right"> right </div>
</body>
</html>
这样 ?
拉下来了 左边的就看不到了 ?