前提・実現したいこと
jQueryを使って、TOPへ戻るアニメーションとページ内リンクを実装しています。
発生している問題・エラーメッセージ
ページ内リンクをさせた後のトップへ戻るボタンを押すと、ページ最上部まで戻らず、メイン画像の半分ぐらいで止まってしまいます。
該当のソースコード
js
1//ページ内リンクとTOPへ戻るアニメーション 2jQuery('a[href^="#"]').on('click', function () { 3 var header = jQuery('header').innerHeight(); 4 var id = jQuery(this).attr('href'); 5 var position = 0; 6 if (id != '#') { 7 var position = jQuery(id).offset().top - header; 8 } 9 jQuery('html , body').animate({ 10 scrollTop: position 11 }, 12 300); 13}); 14 15//スクロールに応じてto-topボタンが出てくる 16jQuery(window).on('scroll', function () { 17 if (150 < jQuery(this).scrollTop()) { 18 jQuery('.to-top').addClass('is-show'); 19 } else { 20 jQuery('.to-top').removeClass('is-show') 21 } 22});
試したこと
headerの高さや各要素の高さを調整しましたが、うまくいきませんでした。
jQueryの記述が間違っているのかとも思っています。
不足情報などありましたらご教示ください。
よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。