2

リンクをクリックしたときにアンカーへのスクロールを容易にするためにjqueryを使用しようとしています。しかし、一番上までスクロールしたくありません。固定された div が高さ 90px の固定ヘッダー メニュー バーの背後にならないように、上から少なくとも 90px で停止する必要があります。何か案は？

$(function() {
    $('a').bind('click',function(event){
        var $anchor = $(this);

        $('html, body').stop().animate({
            scrollTop:  $($anchor.attr('href')).offset().top
        }, 1500,'easeInOutExpo');

        event.preventDefault();
    );
});
4

1 に答える 1

2

次のように、上部の位置から 90 ピクセルを差し引いてみましたか:

scrollTop: ($($anchor.attr('href')).offset().top - 90)

それが機能する場合、ヘッダー メニュー バーの高さを動的に取得できます。

scrollTop: ($($anchor.attr('href')).offset().top - $('menubar').outerHeight()))

于 2012-10-01T08:44:24.420 に答える