화면에 표시되는 페이지가 아주 길거나 필요한 버튼이 화면의 최하단에 있거나 하면 매번 스크롤 하는 게 불편할 수 있습니다. 그럴 때는 보통 키보드의 [home], [end] 버튼을 누르면 되지만 마우스 잡았다가 키보드 버튼 누르는 것 역시 불편하지요. 또한 각종 마우스 제스쳐 프로그램[각주:1]을 사용하면 되지만 그마저도 사용하지 않으면 딱히 방도가 없지요.

그럴 때는 페이지에 아래와 같은 자바스크립트를 넣는 겁니다. <head>와 </head> 사이에 아무데나 넣어주면 됩니다. 그러고 난 후 더블클릭하면 화면의 최상단으로, 다시 더블클릭하면 최하단으로 이동합니다. :)

<script language=javascript>
<!--
toggle=0;
function dblclick() {
    if (toggle==0) {
        var sc=99999; toggle=1;
    } else {
        var sc=0; toggle=0;
    }

    window.scrollTo(0,sc);
}

if (document.layers) {
    document.captureEvents(Event.ONDBLCLICK);
}
document.ondblclick=dblclick;

var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;

var tempX = 0;
var tempY = 0;

function getMouseXY(e) {
    if (IE) { // grab the x-y pos.s if browser is IE
        tempX = event.clientX + document.body.scrollLeft;
        tempY = event.clientY + document.body.scrollTop;
    } else { // grab the x-y pos.s if browser is NS
        tempX = e.pageX;
        tempY = e.pageY;
    }

    if (tempX < 0){tempX = 0;}
    if (tempY < 0){tempY = 0;}
    return true;
}
// -->
</script>

제가 만든 스킨들에도 넣어주면 아주 좋겠죠? 다음 스킨들부터는 이 스크립트를 넣을 생각입니다. 이제까지 나온 스킨들에는 죄송하지만 각자 넣어주세요. ^^
  1. 파이어폭스 같은 경우는 All-in-One Gestures,
    인터넷 익스플로러 같은 경우는 IEToy,
    오페라의 경우에는 간단한 마우스제스쳐 기능이 내장되어 있습니다. [본문으로]
,