<%@ 페이지 언어="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<머리>
<제목>
<스크립트>
/**
* @param oTarget 스크롤과 함께 로드되어야 하는 DOM 객체
* @param fnHandler 처리된 콜백 함수
*/
function eventHandler(oTarget, fnHandler) {
if (oTarget.addEventListener) {
oTarget.addEventListener("scroll", fnHandler, false);
} 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.width.replace("px", "" );
if (div.scrollLeft >= disWidth) {
divHeader.style.overflowY = '스크롤';
} else {
divHeader.style.overflowY = '숨김';
}
}
window.onload = function onStartLock() {
var oDiv = document.getElementById("divContentID");
eventHandler(oDiv, function() {
oo("divContentID", "divHeaderID");
});
};
<본문>
style="위치: 절대; 왼쪽: 0px; 오른쪽: 0px; 위쪽: 0px; 아래쪽: 0px">
