リンクを使用して、ページの適切な部分までスクロールします。

Web サイトのページの出現により、長いページを移動する方法としてスクロールを使用することがますます一般的になってきました。 JS jQuery コードを使用すると、nav 要素にリンクを簡単に設定して、ページの対応する部分にスクロールできます。 JSが存在しない場合にうまく縮退させたい場合はページにアンカータグを追加してください この記事では

リンクを使ってページの該当箇所までスクロールする方法を紹介します。

次は、特定のコード

コーヒースクリプト:

$("nav").find("a").click (e) ->
    e.preventDefault()
    section = $(this).attr "href"
    $("html, body").animate
    scrollTop: $(section).offset().top

または JS コード:

$("nav").find("a").click(function(e) {
    e.preventDefault();
    var section = $(this).attr("href");
    $("html, body").animate({
        scrollTop: $(section).offset().top
    });
});

です。 HTML コード:

<nav>
    <a href="#welcome">Welcome</a>
    <a href="#about">About</a>
    <a href="#section3">Section 3</a>
</nav>
<div id="welcome">Welcome to this website</div>
<div id="about">About this website, and such</div>
<div id="section3">The third section</div>

この記事はここで終了しています。さらに興味深いコンテンツについては、PHP 中国語 Web サイトの HTML ビデオ チュートリアル 列に注目してください。 ！ ！

以上が リンクを使用して、ページの適切な部分までスクロールします。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。