实现gridview双滚动条，表头固定且随横向滚动条移动。

<STYLE>

.c{
FILTER: alpha(style=1,opacity=0,finishOpacity=1,startX=1 , startY=1 , finishX=99, finishY=99 );
}
</STYLE>
<script type="text/javascript">
function s()
{
var t = document.getElementById("<%=GridView1.ClientID%>");
var t2 = t.cloneNode(true);
var t3 = t.cloneNode(true);
for(i = t2.rows.length -1;i > 0;i--)

t2.deleteRow(i); 
t.deleteRow(0); 
a.appendChild(t2);
c.appendChild(t3);
}
window.onload = s

</script>

<div id="b" style="top:45px; left:152px; position:absolute;width:328px; height:200px; overflow:auto"  onscroll="a.scrollLeft=scrollLeft" >
         <asp:GridView ID="GridView1" runat="server" BackColor="#DEBA84" BorderColor="#DEBA84" BorderStyle="None" BorderWidth="1px" CellPadding="3" CellSpacing="2" >
         <FooterStyle BackColor="#F7DFB5" ForeColor="#8C4510" />
         <RowStyle BackColor="#FFF7E7" ForeColor="#8C4510" Width="40px"  />
         <SelectedRowStyle BackColor="#738A9C" Font-Bold="True" ForeColor="White" />
         <PagerStyle ForeColor="#8C4510" HorizontalAlign="Center"  />
         <HeaderStyle BackColor="#A55129" Font-Bold="True" ForeColor="White" Width="40px"  />
    </asp:GridView>
    </div>
<div class="wy" id="a" style=" top:16px; left:152px; position:absolute;width:328px;height:32px;overflow-x:hidden; overflow-y:scroll" >
</div>
<div  id="Div1"   style=" top:16px; left:152px; position:absolute;width:328px;height:229px;overflow:auto"  onscroll="b.scrollTop=scrollTop;b.scrollLeft=scrollLeft;">
<table   class="c"><tr><td id="c"></td></tr></table>

</div>