1

この JQuery スクリプトを使用して、垂直方向の滑らかなスクロール効果を実現しています。Internet Explorer と Firefox では完全に動作しますが、Google Chrome の最新バージョンではまったくスムーズではありませんか??? どうして?スクリプトの何かを変更する必要がありますか、それともすべてのブラウザーでスムーズに動作する別のスムーズ スクロール スクリプトがありますか?

Google Chrome では、スムーズ スクロール効果が実際に揺れたり、一瞬停止したりするため、見栄えが悪くなります。

JavaScript/JQuery コードは次のとおりです。

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

        $('html, body').animate({
            scrollTop: $($anchor.attr('href')).offset().top + "px"
        }, 1500);
        /*
        if you don't want to use the easing effects:
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 1000);
        */
        event.preventDefault();
    });
});

私の HTML には 5 つ<section>の があり、各セクションには独自の ID (ホーム、概要、サービス、ギャラリー、連絡先) があるため、ここには目を見張るものはありません。手伝ってくれてありがとう!

4

0 に答える 0