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

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

WBOY
リリース: 2016-05-16 17:11:05
オリジナル
1357 人が閲覧しました
复制代 代码如下:

$('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);
戻り値
}
}
});

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート