ホームページ  >  記事  >  ウェブフロントエンド  >  jquery がアンカー links 間のスムーズなスクロールを実装する方法_jquery

jquery がアンカー links 間のスムーズなスクロールを実装する方法_jquery

WBOY
WBOYオリジナル
2016-05-16 17:11:051322ブラウズ
复制代 代码如下:

$('a[href*=#]').click( function() {
if (location.pathname.replace(/^//, '') == this.pathname.replace(/^//, '') && location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target || $('[name=' this.hash.slice(1) ']'); 🎜>if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body').animate({
scrollTop: targetOffset
} ,
500);
戻り値
}
}
});

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。