0

内部リンクを特定のdivにスクロールさせるために、単純なコードを使用しています。意図したとおりに機能しますが、ページもリロードします。スクロールは完璧に機能しますが、ページをリロードしないようにする必要があります。また、これが問題になる場合は、作成したWordpressテーマ内でこれを使用しています.

HTML:

<a href="#hiremenow">This may sound crazy, So hire me maybe?</a>
<div id="hiremenow"></div>

SCRIPT:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>

$(document).ready(function(){
    $('a[href^="#"]').on('click',function (e) {
        e.preventDefault();
        var target = this.hash,
        $target = $(target);
        $('html, body').stop().animate({
            'scrollTop': $target.offset().top
        }, 900, 'swing', function () {
            window.location.hash = target;
         void(0);
        });
    });

});
4

1 に答える 1

1

偽の値を返します。

$('a[href^="#"]').on('click',function (e) {
   //whatever...
   return false;
});

これは、「クリック イベントが処理されたので、標準アクションを実行しない」ことを意味します。

于 2013-06-28T06:48:29.390 に答える