复制代码代码如下:
<%@ page language = "java" contentType = "ข้อความ/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>
<head>
<title> </title>
<script>
-
* @param otarget 需要加载เลื่อน的 dom 对象
* @param fnhandler 处理的回调函数
-
ฟังก์ชั่น EventHandler (otarget, fnhandler) {
ถ้า (otarget.addeventListener) {
otarget.addeventListener ("Scroll", fnhandler, false);
} อื่นถ้า (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.overflowy = 'Scroll';
} อื่น {
divheader.style.overflowy = 'ซ่อน';
-
-
window.onload = function onstartlock () {
var odiv = document.getElementById ("divContentId");
EventHandler (odiv, function () {
oo ("divcontentid", "divheaderid");
-
-
</script>
</head>
<body>
<div id = "div1all"
style = "ตำแหน่ง: Absolute; ซ้าย: 0px; ขวา: 0px; top: 0px; ด้านล่าง: 0px">
<div id = "divheaderid"
style = "margin-right: auto; margin-left: auto; overflow: hidden;">
<table cellspacing = "0"
style = "การล่มสลายของชายแดน: การล่มสลาย; ขนาดตัวอักษร: 15px"
BorderColor = "#C1DAD7" CellPadding = "0" bgColor = "#f5fffa"
ความกว้าง = "600px">
<tr style = "พื้นหลัง: Navy; Color: White; ความสูง: 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 = "ตำแหน่ง: Absolute; ซ้าย: 0px; Top: 30.5px; Bottom: 0px; ขวา: 0px; Overflow: Scroll">
<table cellspacing = "0"
style = "การล่มสลายของชายแดน: การล่มสลาย; ขนาดตัวอักษร: 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>