复制代码代码如下:
<%@ page lenguaje = "java" contentType = "text/html; charset = utf-8"
PageEncoding = "UTF-8"%>
<! DocType html public "-// w3c // dtd html 4.01 transitional // en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<Evista>
<title> </title>
<script>
/**
* @param otarget 需要加载 desplazamiento 的 dom 对象
* @param fnhandler 处理的回调函数
*/
Function EventHandler (oTarget, fnhandler) {
if (otarget.addeventListener) {
otarget.adDeventListener ("Scroll", fnhandler, falso);
} else if (otarget.attachevent) {
otarget.attachevent ("onscroll", fnhandler);
} demás {
OTARGET ["OnScroll"] = fnHandler;
}
};
función oo (divcontentid, divheaderid) {
var div = document.getElementById (DivContentId);
var izquierda = div.scrollleft;
var divheader = document.getElementById (divheaderid);
divheader.scrollleft = izquierda;
var diswidth = div.children [0] .style.width.replace ("px", "")
- div.style.width.replace ("Px", "");
if (div.scrollleft> = diswidth) {
divheader.style.overflowy = 'scroll';
} demás {
divheader.style.overflowy = 'Hidden';
}
}
window.onload = function onStartLock () {
var odiv = document.getElementById ("DivContentId");
EventHandler (ODIV, function () {
oo ("divcontentid", "divheaderid");
});
};
</script>
</ablo>
<Body>
<div id = "div1All"
estilo = "posición: absoluto; izquierda: 0px; derecha: 0px; arriba: 0px; fondo: 0px">
<div id = "divheaderid"
style = "Margin-Right: Auto; Margin-Left: Auto; Overflow: Hidden;">
<TABLE CELLSPACING = "0"
style = "Border-colapse: colapso; tamaño de fuente: 15px"
borderColor = "#c1Dad7" cellPadding = "0" bgcolor = "#f5fffa"
width = "600px">
<Tr style = "fondo: marina; color: blanco; altura: 30px">
<th> encabezado a </th>
<th> encabezado b </th>
<th> Header C </th>
<th> Header D </th>
<th> encabezado e </th>
<th> encabezado f </th>
</tr>
</table>
</div>
<div id = "divcontentid"
Style = "Posición: Absolute; Izquierda: 0px; Top: 30.5px; Bottom: 0px; Right: 0px; Overflow: Scroll">
<TABLE CELLSPACING = "0"
style = "Border-colapse: colapso; tamaño de fuente: 15px"
borderColor = "#c1Dad7" cellPadding = "0" bgcolor = "#f5fffa"
width = "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>