复制代码代码如下:
<%@ Page Language = "Java" contentType = "text/html; charset = utf-8"
PageEncoding = "UTF-8"%>
<! Doctype html public "-// w3c // dtd html 4.01 transitório // pt" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<Title> </title>
<Cript>
/**
* @param otarget 需要加载 roll 的 dom 对象
* @param fnhandler 处理的回调函数
*/
Função EventHandler (Otarget, fnhandler) {
if (otarget.addeventListener) {
otarget.addeventListener ("rolagem", fnhandler, false);
} else if (otarget.attachevent) {
otarget.attachevent ("OnScroll", fnhandler);
} outro {
Otarget ["OnScroll"] = fNHandler;
}
};
função oo (divcontentId, diviaderID) {
var div = document.getElementById (divcontentId);
var esquerdo = div.ScrollLeft;
var divHeader = document.getElementById (diviaderID);
diviader.ScrollLeft = esquerda;
var diswidth = div.Children [0] .style.width.replace ("px", "")
- Div.style.width.replace ("px", "");
if (div.ScrollLeft> = Diswidth) {
diviader.style.overflowy = 'roll';
} outro {
diviader.style.Overflowy = 'Hidden';
}
}
window.onload = function OnStartLock () {
var odiv = document.getElementById ("divcontentId");
EventHandler (ODIV, function () {
oo ("divcontentId", "diviaderid");
});
};
</script>
</head>
<Body>
<div id = "div1all"
style = "Posição: Absolute; esquerda: 0px; direita: 0px; topo: 0px; inferior: 0px">
<div id = "diviaderID"
style = "Margin-right: Auto; margem-esquerda: Auto; Overflow: Hidden;">
<Table Cellspacing = "0"
style = "colapso da borda: colapso; tamanho da fonte: 15px"
borderColor = "#c1dad7" CellPadding = "0" bgcolor = "#f5fffa"
width = "600px">
<Tr Style = "Background: Navy; cor: branco; altura: 30px">
<th> cabeçalho a </th>
<th> cabeçalho b </th>
<th> cabeçalho c </th>
<th> cabeçalho d </th>
<th> cabeçalho e </th>
<th> cabeçalho f </th>
</tr>
</tabela>
</div>
<div id = "divcontentId"
style = "Posição: Absoluto; esquerda: 0px; topo: 30.5px; inferior: 0px; direita: 0px; estouro: rolagem">>
<Table Cellspacing = "0"
style = "colapso da borda: colapso; tamanho da fonte: 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>
</tabela>
</div>
</div>
</body>
</html>