jquery - jQueryScrollToプラグインを実行するためのヘルプが必要

Question

そのため、ArielFlesherのjQueryScrollToプラグインを機能させようとしましたが、うまくいきませんでした。プラグインに関する他の投稿を確認しましたが、役に立ちませんでした。だから私は自分の投稿を作成しました。

HTML：

<header>
    <nav role="navigation">
        <ul class="nav">
            <li>a href="/" title="">Box</a></li>
            <li>a href="/" title="">Table</a></li>
            <li>a href="/" title="">Chair</a></li>
        </ul>
    </nav>
</header>
<div id="main">
    <div id="box"></div>
    <div id="table"></div>
    <div id="chair"></div>
</div>

JS：

$(document).ready(function(){
    $('.nav').scrollTo('#chair');
});

したがって、Chairをクリックできるようにする必要があり、Chairセクションが上にスライドします。理由はわかりませんが、うまくいかないようです。どんな助けでも素晴らしいでしょう。前もって感謝します。

Answer 1

次のようにします。

JS:

$(document).ready(function(){
  $('.nav a').bind('click', function() {
    // Get href value from clicked link: "#chair", "#box"...
    var target = $(this).attr('href');

    // Scroll to it
    $.scrollTo($(target));
  });
});

HTML:

<header>
    <nav role="navigation">
        <ul class="nav">
            <li><a href="#box" title="">Box</a></li>
            <li><a href="#table" title="">Table</a></li>
            <li><a href="#chair" title="">Chair</a></li>
        </ul>
    </nav>
</header>
<div id="main">
    <div id="box"></div>
    <div id="table"></div>
    <div id="chair"></div>
</div>

Answer 2

アンカー タグを使用する必要があります。

<a id="chair" />