複製代碼代碼如下：
<％@ page語言=“ java” contentType =“ text/html; charset = utf-8”
頁面編碼=“ UTF-8”％>
<！doctype html public' - // w3c // dtd html 4.01 transitional // en'“” http://www.org/tr/tr/html4/loose.dtd“>
<html>
<頭>
<title> </title>
<script>
/**
* @param otarget需要加載滾動的dom對象
* @param fnhandler處理的回調函數
*/
功能EventHandler（Otarget，fnhandler）{
如果（otarget.addeventlistener）{
otarget.addeventlistener（“ scroll”，fnhandler，false）;
} else if（otarget.attachevent）{
otarget.attachevent（“ onscroll”，fnhandler）;
} 別的 {
otarget [“ onscroll”] = fnhandler;
}
};
函數oo（divcontentid，divheaderid）{
var div = document.getElementById（divcontentid）;
var left = div.scrollleft;
var divheader = document.getElementById（divheaderid）;
divheader.scrollleft =左;
var diswidth = div.Children [0] .style.width.replace（“ px”，“”）
-div.style.width.replace（“ px”，“”）;
if（div.scrollleft> = diswidth）{
divheader.style.overflow ='scroll';
} 別的 {
divheader.style.overflow ='隱藏';
}
}
window.onload =函數onstartlock（）{
var odiv = document.getElementById（“ divcontentid”）;
EventHandler（ODIV，function（）{
oo（“ divcontentid”，“ divheaderid”）;
}）;
};
</script>
</head>
<身體>
<div id =“ div1all”
style =“位置：絕對;左：0px;右：0px; top：0px;底部：0px”>
<div id =“ divheaderid”
style =“邊緣右：自動;邊距 - 左：自動;溢出：隱藏;”>
<table cellspacing =“ 0”
樣式=“邊界崩潰：崩潰；字體大小：15px”
bordercolor =“＃c1dad7” cellpadding =“ 0” bgcolor =“＃f5fffa”
寬度=“ 600px”>
<tr style =“背景：海軍；顏色：白色；身高：30px”>
<th>標題a </th>
<th>標題B </th>
<th>標題C </th>
<th>標題D </th>
<th>標題e </th>
<th>標題f </th>
</tr>
</table>
</div>
<div id =“ divcontentid”
style =“位置：絕對;左：0px; top：30.5px;底部：0px;右：0px;溢出：scroll：scroll“>”
<table cellspacing =“ 0”
樣式=“邊界崩潰：崩潰；字體大小：15px”
bordercolor =“＃c1dad7” cellpadding =“ 0” bgcolor =“＃f5fffa”
寬度=“ 600px”>
<tr>
<td> a </td>
<td> b </td>
<td> c </td>
<td> d </td>
<td> e </td>
<td> f </td>
</tr>
<tr>
<td> a </td>
<td> b </td>
<td> c </td>
<td> d </td>
<td> e </td>
<td> f </td>
</tr>
<tr>
<td> a </td>
<td> b </td>
<td> c </td>
<td> d </td>
<td> e </td>
<td> f </td>
</tr>
<tr>
<td> a </td>
<td> b </td>
<td> c </td>
<td> d </td>
<td> e </td>
<td> f </td>
</tr>
<tr>
<td> a </td>
<td> b </td>
<td> c </td>
<td> d </td>
<td> e </td>
<td> f </td>
</tr>
</table>
</div>
</div>
</body>
</html>