[求助]如何让一个div固定,不随滚动条滚动,并且不闪烁

我这儿的页面上有一些层,上面的和左边的,中间的.如何让滚动条拖动的时候,左边和上方都不动,只有中间的部分滚动?谢谢各位了

解决方案 »

  1.   

    style=position:absolute;top:XX:;left:XX
      

  2.   

    一楼二楼的用过后还是随着一起动,下面一段代码可以实现这个效果,不过页面不动的部分不停闪烁,不好看,怎样实现不闪的哪,静止的,谢谢各位
    <script language="JavaScript">
    window.onload = getMsg;
    window.onresize = resizeDiv;
    window.onscroll = resizeDiv;
    function getMsg()
    {
    try{
    document.getElementById("eMeng").style.left = 0;
    document.getElementById("eMeng").style.top = document.body.scrollTop + 0;
    document.getElementById("eMeng").style.visibility="visible";
    }
    catch(e){}
    }function resizeDiv()
    {
    try{
    document.getElementById("eMeng").style.left = 0;
    document.getElementById("eMeng").style.top = document.body.scrollTop + 0;
    }
    catch(e){}
    }
    </script>
    <body>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <p>ppp</p>
    <table id=eMeng style="width:100%;background-color: #FF0000 ;border: 0px; Z-INDEX:99999; POSITION:absolute">
    <tr><td>
    <img src="" width="100" height="100">
    </td></tr></body>
      

  3.   

    我觉得不一定非要这样的吧
    可不可以放一个<iframe> 这样不是挺方便的吗？
      

  4.   

    position:absolute的情况下
    DIV是绝对不会移动的,除非你用JS代码来控制
      

  5.   

    一个动，一个不动!闪烁的效果是不可能去掉的,事件有个响应过程,重绘DIV也不可能是瞬间的事
    <div id="d1" style="top:0px;left:0px;position:absolute">第一个DIV
    </div>
    <div id="d2" style="top:0px;left:200px;position:absolute">第二个DIV
    </div>
    <br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a
    <script>
      window.onscroll = resizeDiv;
      function resizeDiv(){
        document.getElementById("d2").style.top=document.body.scrollTop;
      }
    </script>