page_scroll.js
$(function () {
// hrefがハッシュ(#)から始まる<a>要素をクリックした時
$('a[href^="#"]').on('click', function () {
var _href = $(this).attr('href');
if (_href.replace('#', '') === '') {
// hrefが # のみの時は、何も返さない
return false;
} else {
// # の後に文字列がある時、ページスクロールを起こす
var $target = $(_href).offset().top, // スクロール目標
_easing = 'linear', // スクロール効果
_speed = 'slow'; // スクロール速度('fast', 'nomal', 'slow', ミリ秒)
$('html, body').animate({ scrollTop: $target }, _speed, _easing);
return false;
}
});
});