팝업창 스크롤바 자동 생성
<html>
<head>
<title></title>
<script type='text/javascript'>
window.onload = function(){
if((parseInt(document.getElementById('body').offsetHeight)
- parseInt(window.document.body.clientHeight)) > 20) {
window.document.body.scroll = "auto";
window.resizeBy(18,0);
}
}
</script>
</head>
<body>
<div id='body'>
팝업 내용
</div>
</body>
</html>
부모창에서 팝업창을 띄울시 스크롤바 옵션 scrollbars=no 일때 팝업창의 내용이 길어질 경우 스크롤바롤 생성해주는 스크립트이다.
참고로, 이 스크립트는 세로길이에 대한 스크롤바만 생성하도록 한 것이다.
페이지가 로드되면 div 의 세로 길이와 창의 크기를 측정하여 20px 이상일 경우 스크롤바를 생성 이때 가로 길이 18px(스크롤바 사이즈)을 넓여 준다.
반응형
'Developer > JavaScript' 카테고리의 다른 글
| 다른 도메인간 부모창과 자식창 제어 (2) | 2019.01.03 |
|---|---|
| JavaSctript 객체 속성(object property) 알아내기 (0) | 2017.12.28 |
| JavaScript의 KeyEvent에 따른 keycode (8) | 2009.06.22 |