三つの方法はJavascript制御SrollBar(スクロールバー)を実現する.

1395 ワード

Javascriptにはスクロールバーの位置をコントロールできる3つの方法があります.それぞれ見てみましょう.
       方法の1:scroll関数で実現します.
        scroll(x,y)
        xは横スクロールバーの位置、つまり左右の位置を表し、0の場合は一番左を表し、Dcument.body.scrollwidthの場合は一番右を表します.
        yは縦スクロールバーの位置、つまり上下位置を表し、0の場合は一番上を表し、Dcument.body.scrollHeightの場合は一番下を表します.
       方法の2:scrollBy関数で実現します.
        scrollBy(x,y)
        xとyの代表の意味は最初の方法と同じです.-)
       方法の3:scrollTo関数で実現します.
        scrollTo(x,y)
        xとyの代表の意味は最初の方法と同じです.-)
        ちなみに、フレームの中で親フレームのスクロールバーを制御するなら、関数の前にparentを追加してください.例を挙げるとparent.scroll(0,0)です.

JavascriptでSrollBarを制御する(スクロールバー)
以下はデフォルトの自動スクロール部です.トップにスクロールする必要があります.Dcument.body.scrollHeightを0に変えます.
方法の1:scrollの方法で実現します.

<body onload="scroll(0,document.body.scrollHeight) ">   <script>   document.write(new Array(100).join("<br>"))   </script>

方法の2:scrollBy方法で実現します.

<body onload="scrollBy(0,document.body.scrollHeight) ">   <script>   document.write(new Array(100).join("<br>"))   </script>

方法の3:scrollTo方法で実現します.

<body onload="scrollTo(0,document.body.scrollHeight)">   <script>   document.write(new Array(100).join("<br>"))   </script>

フレーム内であれば、制御フレームのSrollBarが必要であり、parent、例えばparent.scrollTo(0,0)を追加します.

JavaScript引用タイプ——「Dateタイプ」の注意点