如何点击按钮div显示在页面中间，无论滚动条在什么位置的

需要点击一个按钮。显示一个div要在页面中央。。无论滚动条的位置在哪里试了很多方法。。滚动条在下面的时候div还是显示在上面。求高手回答

解决方案 »

  1.   

    如果不考虑IE6,直接用position:fixed;就可以解决
      

  2.   

    我是要让div跟随滚动条显示在可视页面的中间。。
      

  3.   

    ie6和firefox下通过。
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title></title>
        <script type="text/javascript">        function clickHandler(oEvent)
            {
                var container = document.getElementById("container");
                var left = ((document.documentElement.clientWidth - 402) / 2)+"px";
                var top = ((document.documentElement.clientHeight - 200) / 2 + document.documentElement.scrollTop) + "px";
                container.style.left = left;
                container.style.top = top;
                container.style.display = "block";
            }
           
        </script>
    </head>
    <body style="height:2000px;">
    <input type="button" onclick="clickHandler(event)" value="test" />
    <p style="height:800px;">
    </p>
    <input type="button" onclick="clickHandler(event)" value="test" /><div id="container" style="font:12px '宋体';line-height:1.8;width:400px;height:200px;background-color:#ffffcc;border:1px solid #ccc;position:absolute;display:none">
    所有用户请注意：以下是卡巴斯基实验室(以下称为“卡巴斯基实验室”)编制的关于单机版反恶意程序软件(以下简称为“软件”)的授权许可的法律协议(以下简称为“协议”)，务请仔细阅读。
    若您是通过国际互联网，选择单击“接受”按钮购得此软件，则表明您(无论是个人还是一个独立的机构)已同意受此协议约束，并成为此协议中的一方。若您不同意本协议的所有条款，请单击表明您不接受本协议条款的按钮，且不要安装本软件。
    若您是以物理介质的形式购得此软件，且已打开光盘的封套，则表明您(无论是个人还是一个独立的机构)已同意受此协议的约束。
    </div></body>
    </html>
      

  4.   

     var scrollPos; 
                if (typeof window.pageYOffset != 'undefined') { 
                   scrollPos = window.pageYOffset; 
                } 
                else if (typeof document.compatMode != 'undefined' && 
                     document.compatMode != 'BackCompat') { 
                   scrollPos = document.documentElement.scrollTop; 
                } 
                else if (typeof document.body != 'undefined') { 
                   scrollPos = document.body.scrollTop; 
                } 这样的话就可以拿到它在可是页面的y坐标