左右两个div 。拉滚动条时左div不动一直在显示,右div跟滚动一起滚动!如何实现在啊！急急急急！！！！

ytmflmqj 2011-06-28 02:52:34

...全文

355 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

挨踢直男 2011-06-28

打赏
举报

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

xuexiaodong2009 2011-06-28

打赏
举报

[Quote=引用 2 楼 lijianc23 的回复:]
一直不动的话 position:fixed; 就可以了但是IE6要额外写,,因为不支持这个

右div跟滚动一起滚动是慢慢下来的吧,,不然的话,那效果不还是一样等于左右都没动
[/Quote]一直不动的话 position:fixed;

lijianc23 2011-06-28

打赏
举报

一直不动的话 position:fixed; 就可以了但是IE6要额外写,,因为不支持这个

右div跟滚动一起滚动是慢慢下来的吧,,不然的话,那效果不还是一样等于左右都没动

zell419 2011-06-28

打赏
举报



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

这样 ？

拉下来了 左边的就看不到了 ？