scroll Method


Home > Document > JavaScript > Object > Window > scroll Method

scrollBy(x,y) Method

scrollBy(x,y) Method는 브라우저 문서 창을 현재 위치에서 지정하는 x,y 의 정수 크기 만큼 scroll 시켜 줍니다. x 의 plus 방향은 오른쪽이고, y 의 plus 방향은 아래쪽입니다.

scrollBy Method
<html>
<head>
    <title>scrollBy Method</title>
</head>
<body style="width:1000px;"><br /><br /><br />
<nobr>scrollBy scrollBy scrollBy scrollBy scrollBy scrollBy scrollBy scrollBy scrollBy scrollBy
scrollBy scrollBy scrollBy scrollBy scrollBy scrollBy scrollBy scrollBy scrollBy scrollBy </nobr>
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
    <p align="center">
        <button onclick="scrollBy(200,0)">scrollBy 200,0</button>
        <button onclick="scrollBy(0,200)">scrollBy 0,200</button>
        <button onclick="scrollBy(-200,0)">scrollBy -200,0</button>
        <button onclick="scrollBy(0,-200)">scrollBy 0,-200</button>
    </p>
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>
코드 실행 하기




scrollTo(x,y) Method

scrollTo(x,y) Method는 브라우저 문서 창을 지정하는 x,y 좌표로 scroll 시켜 줍니다. x 의 plus 방향은 오른쪽이고, y 의 plus 방향은 아래쪽입니다.

scrollTo Method
<html>
<head>
    <title>scrollBy Method</title>
</head>
<body><br /><br /><br />
<nobr>scrollTo scrollTo scrollTo scrollTo scrollTo scrollTo scrollTo scrollTo scrollTo scrollTo
scrollTo scrollTo scrollTo scrollTo scrollTo scrollTo scrollTo scrollTo scrollTo scrollTo </nobr>
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
    <p style="width:20000px;height:20000px;">
        <button onclick="scrollBy(10000,10000)">scrollTo 10000, 10000</button>
    </p>
<br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>
코드 실행 하기





이 문서의 저작권은 www.cadvance.org 에 있습니다.

Top
Back
New
검색