0

私は現在、アンカーに自動スクロールするために見つけたこのコードを使用しています：

$(function() {
    $('nav a[href*=#]').bind('click',function(event){
        var $anchor = $(this);

        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top - 100
        }, 1000);
        event.preventDefault();

    });
});

クリックしたときに#anchorがURLに追加されるようにするには、何を追加できますか？

私はこれが使われているのを見たことがありますが、それを追加する方法がわかりません。

function() {
        if(history.pushState) {
            history.pushState(null, null, target);
        }
        else {
            location.hash = target;
        }
      });

どうもありがとう！！！

4

1 に答える 1

2

アニメーションが完了したら実行してください: (素敵なデモはこちら)

$(function () {
    $('nav a[href*=#]').on('click', function (event) {
        var $anchor = $(this),
            name = $anchor.attr("href").match(/#(.+)/i)[1];

        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top - 100
        }, 1000, function () {
            if (history.pushState) {
                history.pushState(null, null, "#" + name);
            } else {
                location.hash = name;
            }
        });
        event.preventDefault();
    });
});

ワーキングデモ: http://jsfiddle.net/DerekL/uPS9W/show

于 2012-06-16T02:19:23.000 に答える