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

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

解决方案 »

  1.   


    <!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>
    这样 ？
    拉下来了 左边的就看不到了 ？
      

  2.   

    一直不动的话 position:fixed; 就可以了 但是IE6要额外写,,因为不支持这个右div跟滚动一起滚动 是慢慢下来的吧,,不然的话,那效果不还是一样 等于左右都没动
      

  3.   

    一直不动的话 position:fixed; 
      

  4.   

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