1

レスポンシブワードプレスサイトで作業しています。小さな画面（モバイル）では、メニューが画面スペースの大部分を占めるため、メニュー項目がクリックされたときに#contentまでスクロールします。これらのスクリプトを試しましたが、機能しませんでした。

1

$("#access a").click(function() {
$("#goto").animate({scrollTop: $("#goto").offset().top});
});

2

$("html, body").animate({ scrollTop: $('#goto').offset().top }, 1000);

これに対する簡単な解決策はありますか？

4

1 に答える 1

0

私はしばらく前にここで同様の質問に答えましたが、それはうまくいきました。

その答えに基づいて、これを試してください：

$(function() {
var scrollElement = '#content';
var destination = $(scrollElement).offset().top;
$("#access a").click(function() {
    $(scrollElement).offset().top;
    $("html:not(:animated),body:not(:animated)").animate({
        scrollTop: destination-75 }, 800 );
    });
});​

数字の75を微調整して、ページを目的の場所に正確にスクロールできるようにすることができます。

于 2012-12-04T21:17:22.717 に答える