ホーム > top (全1件)
  • ページ内リンクをスムーズにする

    ページ内リンクをスムーズにする。

    $( 'a[href^=#]' ).click( function () {
    	pos = $( $(this).attr( 'href' ) ).offset().top;
    	$( 'html,body' ).animate( { scrollTop: pos }, 'fast' );
    	return false;
    } );
    

    セレクタで’a[href^=#]’を指定することでa要素のhref属性の値が’#’で始まっているページ内リンクを取得。そのクリックイベントで、対象のアンカー要素のトップ座標を取得してスクロールを実現している。