RT,新浪微博登录后,内容的滚动,上面导航没有动,查看源码,看到的是背景代码,中间的内容是没有的,问题是:怎么实现导航不动,内容滚动的?

解决方案 »

  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>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <body>
    <div style="position:fixed; width:100%; height:25px; border:1px solid #000; left:0px; top:0px;">我是导航头部</div>
    <div style="height:1000px;"></div>
    </body>
    </html>
    这个ie6需要单独处理下~·
      

  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>
    <style>
    *{margin:0; padding:0;}
    body{background:url(about:blank) fixed}
    </style>
    </head>
    <body>
    <div id="div" style="position:fixed; _position:absolute; width:100%; height:25px; border:1px solid #000; left:0px; top:0px;">我是导航头部</div>
    <div style="height:1000px;"></div>
    <script>
    var isIE = !!window.ActiveXObject;  
    var isIE6 = isIE && !window.XMLHttpRequest; if(isIE6){
    window.onscroll = function(){
    document.getElementById('div').style.top = document.documentElement.scrollTop + 'px';
    };
    }
    </script>
    </body>
    </html>
    楼主试试这个~·