【ポイント】
・ヘッダーが固定の場合はヘッダーの高さ分topから引く
script.js
//----------------
//ページ内スクロール
//----------------
jQuery('a[href^="#"]').on('click', function () {
var header = jQuery('.header').innerHeight();
var id = jQuery(this).attr('href');
var position = 0
if (id != '#') {
position = jQuery(id).offset().top - header;//ヘッダー分の高さを引く
}
jQuery('html,body').animate({
scrollTop:position
},
300);//0,3秒かけて実行
});
//----------------------------
//トップに戻るボタンのスクロール表示
//-----------------------------
jQuery(window).on('scroll', function () {
if (150 < jQuery(this).scrollTop()) {
jQuery('.to-top').addClass('is-show');//150px以上動かしたら表示
} else {
jQuery('.to-top').removeClass('is-show');//それ以外は非表示
}
});
↧