求助。让标头不随滚动条滚动，并且也不闪动

求助。让一层不随滚动条滚动，并且也不闪动 如下面代码：如何不让头层不随滚动条滚动，且不闪动。谢谢！ 
如果这代码不行，有没有别的实现方法，   谢谢 
<!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head>   
</head> 
<meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312"> 
<style   type="text/css"> 
#Toolbar{position:absolute;top:0px;left:0px;width:100%;background:#FFFFFF;z-index:2;} 
#Main{position:absolute;top:170px;left:0px;width:100%;height:69.5%;z-index:1;} 
</style> 
<body   bgcolor=f0f0f0> 
<div   id="Toolbar"> 
<title> 不随滚动条滚动 </title> 
<HR> <HR> 
<font   style="background-color:   #c080ff;   font-size:0.8em"> <nobr> 不动层 </nobr> </font> </div> 
<SCRIPT   LANGUAGE="JavaScript"> 
function   scall(){ 
document.getElementById("Toolbar").style.top=(document.documentElement.scrollTop)+"px"; 
} 
window.onscroll=scall; 
window.onresize=scall; 
window.onload=scall; 
</SCRIPT> 
<div   id="Main">     
test!! 
<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> <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> 
</div> </body> 
</html> 

解决方案 »

  1.   

    <DIV id=backi style="Z-INDEX: 1; LEFT: 2px; WIDTH: 110px; POSITION: absolute; TOP: 320px; HEIGHT: 196px">
    </div>这个就是固定不动的！
      

  2.   

    http://www.cctv258.com/
     是不是那个客服效果？
      

  3.   

    由于是动态计算top值，一般都会闪动，lz在哪里看到过不闪滴，贴出地址来，俺去给你扣代码！
      

  4.   

    “由于是动态计算top值，一般都会闪动， ”
    这个有没有办法解决？
      

  5.   

    如果width=100%用frameset分上下栏不就可以了！浮动div一般都会闪，反正还没见过不闪滴，期待中...
      

  6.   

    变通一下如何？<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
    <html>   
    <head>       
    <title> 不随滚动条滚动 </title>   
    </head>   
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">   
    <style type="text/css">   
    </style>   
    <body bgcolor=f0f0f0>   
    <div id="Toolbar" style="width:100%;height:300px;overflow:auto">   
    <div id=bd style="position:relative;top:expression(this.offsetParent.scrollTop);">
    <HR><HR>
    <font style="background-color:#c080ff;font-size:0.8em"><nobr>不动层</nobr></font>
    </div>
    <div id="Main">
    test!!   
    <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><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>
    </div>
    </div>
    </body>   
    </html>   
      

  7.   

    以下内容来自JKHtml
    http://download.csdn.net/source/346399
    JKHtml\SomeCodeForBody\DivFixedInBody2.htm 
    固定位置且不闪动(For IE)-----Firefox下真接用position:fixed.<html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>JK:支持民族工业,尽量少买X货</title><style>#glideDiv0 
    { 
    position: fixed; /*for firefox*/
    top: 50; 
    left:0;
    z-index:200; 
    width:28px;
    background-color:#E6EEE7;
    } 
    /*for ie*/
    * html #glideDiv0 {position:absolute}
    * html body {
    overflow: hidden;
    padding :0;
    margin:0;
    }
    * html div#wrap_outer {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 0px 30px 30px 30px;
      }</style>
    </head><body>
    <div id="wrap_outer"><div style="font-size:10pt;">
    注1：固定Div,且scroll时Div不闪动。<br/> 
    注2：部分代码来自：http://www.javalobby.org/forums/thread.jspa?threadID=16484&tstart=0<br/>    
    注3：（注：这里有<a href="DivFixedInBody1.htm">scroll时Div闪动</a>的代码）<br/>    <br/>  
    注：本页面仅在IE6下测试过。其它浏览器或其它版本未经测试。<br/>           
    注-----：JK：<a href="mailTo:[email protected]?subject=About Body">[email protected]</a><br/>        
    <hr/>    
    </div>
    <!-- layers that slide go here. 
     Be sure to include id for each layer in style sheet in head --><br/><br/>            
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa                   
    <br/><br/>aaaa   
    <!-- end wrap_outer div--></div>
    <div id="glideDiv0" >         
    a<br>
    b<br>
    c<br>
    d<br>
    e<br>
    f<br>
    g<br>
    <br>
    </div>
    </body></html>
      

  8.   

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    div{top:0px;position:fixed;_position:absolute;_bottom:auto;_margin-top:0px;_top:expression(eval(document.documentElement.scrollTop)); width:100%;background:#99FF00;}
    </style>
    <title>Ϟ±덢τµµ</title>
    </head>
    <body>
    <div>
    sdfgdhshk
    </div>
    <script>
    for (var i=0;i<100;i++ )
     {
      document.writeln("<br />");
     }
    </script>
    </body>
    </html>
      

  9.   

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    div{top:0px;position:fixed;_position:absolute;_bottom:auto;_margin-top:0px;_top:expression(eval(document.documentElement.scrollTop)); width:100%;background:#99FF00;}
    </style>
    <title>Ϟ±덢τµµ</title>
    </head>
    <body>
    <div>
    sdfgdhshk
    </div>
    <script>
    for (var i=0;i<100;i++ )
     {
      document.writeln("<br />");
     }
    </script>
    </body>
    </html>
      

  10.   

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    div{top:0px;position:fixed;_position:absolute;_bottom:auto;_margin-top:0px;_top:expression(eval(document.documentElement.scrollTop)); width:100%;background:#99FF00;}
    </style>
    <title>Ϟ±덢τµµ</title>
    </head>
    <body>
    <div>
    sdfgdhshk
    </div>
    <script>
    for (var i=0;i<100;i++ )
     {
      document.writeln("<br />");
     }
    </script>
    </body>
    </html>
      

  11.   

    去看http://www.ok22.org/diary.aspx
    左、右边都不会闪！上下一样。关键是你要仔细看