デイトラWeb制作コース中級編 DAY26 スムーススクロールとフローティングアイテムを作る

		jQuery(function() {

			// スムーススクロール
　　　 // #から始まるURLがクリックされた時
			jQuery('a[href^="#"]').click(function() {
        // .headerクラスがついた要素の高さを取得
				let header = jQuery(".header").innerHeight();
        // 移動速度を指定（ミリ秒）
				let speed = 300;
　　　　　// hrefで指定されたidを取得
				let id = jQuery(this).attr("href");
　　　　　// idの値が#のみだったらターゲットをhtmlタグにしてトップへ戻るようにする
				let target = jQuery("#" == id ? "html" : id);
　　　　　// トップからの距離からヘッダー分の高さを引く
				let position = jQuery(target).offset().top - header;
         // もしheaderのpositionプロパティの値がfixedと等しくない場合 ※ここ自信ないため質問します
　　　　　if ("fixed" !== jQuery(".header").css("position")) {
        // ページのトップを基準にターゲットの位置を取得⇨変数positionに代入
           position = jQuery(target).offset().top;
				}
        // もしpositionの値が0より小さい場合、変数positionに0を代入
				if (0 > position) {
					position = 0;
				}
　　　　　// その分(変数positionの値)だけ移動すればヘッダーと被りません
        // ターゲットの位置までspeedの速度で移動
				jQuery("html, body").animate({
						scrollTop: position
					},
					speed
				);
				return false;
			});

			// スクロール判定
　　　 // 
			jQuery(window).on("scroll", function() {
　　　　// トップから100px以上スクロールしたら
				if (100 < jQuery(this).scrollTop()) {
　　　    // is-showクラスをつける
					jQuery('.totop').addClass('is-show');
				} else {
    　　　// 100pxを下回ったらis-showクラスを削除
					jQuery('.totop').removeClass('is-show');
				}
			});
		});

<nav class="header__nav">
   <ul>
     <li><a href="#a-card" class="is-active">Card</a></li>
     <li><a href="#a-news">News</a></li>
     <li><a href="#a-price">Price</a></li>
     <li><a href="#a-access">Access</a></li>
     <li><a href="#a-contact">Contact</a></li>
  </ul>
</nav><!-- /.header__nav -->