复制代码代码如下：
<％@ 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>