この 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 (ホーム、概要、サービス、ギャラリー、連絡先) があるため、ここには目を見張るものはありません。手伝ってくれてありがとう!