javascript - HTMLページのスクロールを開始

Question

スクロールのある Html ページがあり、ページの開始時 (オンロード時) にページの 60% parox (y 軸) にフォーカスを置きたいと思います。つまり、ページの 60% を自動的にスクロールします。

これは可能ですか？ありがとうございました

score 2 · Accepted Answer

このウェブサイトを試してください: リンクテキスト

それはうまくいくはずです！

score 1 · Accepted Answer

function pageScroll() {
    var height = document.documentElement.clientHeight;
    window.scrollBy(0, Math.floor(0.6 * height)); // horizontal and vertical scroll increments
}

window.onload = pageScroll;

score 0 · Accepted Answer

jQueryとそのメソッドscrollTopを使用:

function loadedScroll() {
  $(window).scrollTop(0.6*$(document).height());
}
window.onload = loadedScroll;

次に、ページの読み込みが完了すると、ドキュメントの高さの 0.6 倍までスクロールします。:)

score 0 · Accepted Answer

window.scrollBy() メソッドを使用できます。

http://www.mediacollege.com/internet/javascript/page/scroll.html

または、より柔軟な scrollTo jQuery プラグインを使用します。

http://plugins.jquery.com/project/ScrollTo

score 0 · Accepted Answer

表示したいものに応じて、ID セレクターをコンテンツに追加し、URL を使用してページをスキップさせることができます。

<div id="content">
  <!--Content Goes Here -->
</div>

そして、次を使用してページを開きます。

http://www.mysite.com/mysite.html#content

別の例は次のとおりです。

HTMLページのスクロールを開始

score 0 · Accepted Answer

<html>
    <head>
        <script>
            scroller = function() {
                bodyHeight = Math.max(
                    Math.max(document.body.scrollHeight, document.documentElement.scrollHeight),
                    Math.max(document.body.offsetHeight, document.documentElement.offsetHeight),
                    Math.max(document.body.clientHeight, document.documentElement.clientHeight)
                );
                scrollToPosition = Math.floor(bodyHeight / 100 * 60);
                window.scrollTo(0, scrollToPosition);
            }
        </script>
    </head>
    <body onload="scroller()">
    </body>
</html>

javascript - HTMLページのスクロールを開始

6 に答える 6

Related

Reference