圖層怎樣隨瀏覽視窗上下移動

解决方案 »

  1.   

    window.onscroll = function()
    {
    var iDivX = 0;
    var iDivY = 0;
    var iScrollX = parseInt(document.body.scrollLeft);
    var iScrollY = parseInt(document.body.scrollTop);
    var iBodyX = parseInt(document.body.clientLeft);
    var iBodyY = parseInt(document.body.clientTop);
    iDivX = iScrollX + iBodyX;
    iDivY = iScrollY + iBodyY;

    document.getElementById("div").style.left = iDivX;
    document.getElementById("div").style.top = iDivY;
    }
      

  2.   


    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>無標題文件</title><script language="javascript">
    window.onscroll = function()
            {
                var iDivX = 0;
                var iDivY = 0;
                var iScrollX = parseInt(document.body.scrollLeft);
                var iScrollY = parseInt(document.body.scrollTop);
                var iBodyX = parseInt(document.body.clientLeft);
                var iBodyY = parseInt(document.body.clientTop);
                iDivX = iScrollX + iBodyX;
                iDivY = iScrollY + iBodyY;
                
                document.getElementById("apDiv1").style.left = iDivX;
                document.getElementById("apDiv1").style.top = iDivY;
            }
    </script>
    <style type="text/css">
    <!--
    #apDiv1 {
    position:absolute;
    left:102px;
    top:92px;
    width:210px;
    height:132px;
    z-index:1;
    }
    -->
    </style>
    </head><body>
    <div id="apDiv1"><img src="productimage/know2.png" width="172" height="149" /></div>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    </body>
    </html>不能隨瀏覽視窗上下移動,謝謝
      

  3.   

    你是要怎么移动?
    div是嵌在document里面的
    IE位置改变不会影响document里面元素的改变的
      

  4.   

    IE7、FF3好像不支持这两个属性了
    var iScrollX = parseInt(document.body.scrollLeft);
    var iScrollY = parseInt(document.body.scrollTop);
      

  5.   

    http://www.unisoftnet.com/home/index.html
    右面的圖片,能隨瀏覽視窗上下移動