0

そのため、自分のWebサイトにいくつかの内部リンクがあり、JQueryは初めてです。これには、ユーザーが内部のアンカーリンクテキストをクリックして、ページを内部リンクの宛先にスムーズに「スライドダウン」する方法があるのだろうかと思いました。

    <li>apples</li>
    <li><a href="#benefits">Benefits of Joining</a></li>
    <li>peaches</li>
    ...

    ...

    ...

    ...

    ...

    <a name="benefits">Users of this site get the best benefits</a>
4

1 に答える 1

3

次のようなものを試してください。

$('a').click(function() {
    $('html, body').animate({
        scrollTop: $('[name="' + $(this).attr('href').substr(1) + '"]').offset().top
    }, 1000);
    return false;
});​

たとえば、フィドルを参照してください:http: //jsfiddle.net/EdmxK/

それがお好みであれば、おそらくWeb上でいくつかのjQueryスクロールプラグインを見つけることができます。

于 2012-11-02T21:25:20.750 に答える