0

私は jQuery スライドショーをセットアップしており、スライド キャプションからページの下の div にリンクを固定し、jQuery スムーズ スクロールを使用する必要があります。

ハッシュタグ付きの通常のアンカー コードを使用しますが、私のスライドショーでは既にハッシュタグを使用して、各スライドのパーマリンク URL を作成しています。

例: slideshow.html#slide-1、slideshow.html#slide-2

したがって、div (a href="#lower-div") にアンカー タグを使用すると、パーマリンクのハッシュ タグが置き換えられます。

href でハッシュタグを使用せずにアンカーまでスムーズにスクロールする方法はありますか?

4

1 に答える 1

6

あなたはこれを行うことができます：

$("#linkID").click(function () {
    $('html, body').animate({
        scrollTop: $('#lower-div').offset().top
    }, 'slow');
});

ID 付きのアンカー タグをクリックすると、 にlinkIDスムーズにスクロールしますlower-div。

于 2013-06-18T18:55:20.483 に答える