JavaScript實作兩個Table固定表頭依頁面大小自行調整_javascript技巧

pageEncoding="UTF-8"%>
場//EN" "http://www.w3.org/TR/html4/loose.dtd">


標題>

/**
* @param oTarget 需要載入scroll的dom物件
* @param fnHandler 處理的回呼函數
*/
function eventHandler(oTarget, fnHandler) {
if (oTarget.addEventListener) {
oTarget.addEventListener( “滾動”，fnHandler，假）；
} else if (oTarget.attachEvent) {
oTarget.attachEvent("onscroll", fnHandler);
} else {
oTarget["onscroll"] = fnHandler;
}
};

function 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.widthth .replace("px", "" );
if (div.scrollLeft >= disWidth) {
divHeader.style.overflowY = 'scroll';
} else {
divHeader.style. OverflowY = '隱藏';
}
}

window.onload = function onStartLock() {
var oDiv = document.getElementById("divContentID"); , function() {
oo("divContentID", "divHeaderID");
}；
腳本>
頭>