在一个滚动的页面里，想让一个<div>始终定位在左上角，请问怎么做？只告诉我怎样定位就好了，谢谢。

在页面的滚动事件中调整div的top

解决方案 »

  1.   

    呵呵，很简单的function sc1(){
    document.getElementById("Div1").style.top=(document.documentElement.scrollTop)+"px";
     document.getElementById("Div1").style.left=(document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("Div1").offsetWidth)/2)+"px";
    }<SCRIPT>
    function scall(){
     sc1();
    }
    window.onscroll=scall;
    window.onresize=scall;
    scall();
    </SCRIPT>
      

  2.   

    document.getElementById("Div1").style.left=(document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("Div1").offsetWidth)/2)+"px";这个是距离左边多远的我这个这么写是居中的，居左的话应该是document.getElementById("Div1").style.left=0
      

  3.   

    <html>
    <script language="JavaScript">
    <!--
    window.onresize = resizeDiv;
    window.onscroll = resizeDiv;
    function resizeDiv()
    {
    var docWidth = document.body.clientWidth;
    var docHeight = document.body.clientHeight;
    document.getElementById("eMeng").style.top = parseInt(document.body.scrollTop,10);
    document.getElementById("eMeng").style.left = parseInt(document.body.scrollLeft,10);
    }
    -->
    </script>
    <body>
    <div id="eMeng" style="position:absolute;left:0px;top:0px;border:1px solid blue;height:150px;width:260px;">
    </div>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br
    ><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    </body>
    </html>