2022年7月17日のブックマーク (1件)

  • jQueryでスクロールしたら特定位置で固定する方法

    ヘッダーが消えそうになると上に固定されたり、カラムが特定位置で固定されたり なんとなくどうやってやっているのか気になっていたので、調べてみたら理解できた! その理解したことについてまとめます。 1まずは「特定位置」を取得しよう ある要素、ここでは「#youso」とします。 まずある要素(#youso)のトップからの距離を取得します。 $(function() { // #yousoのトップからの距離を「youso」へ格納 var youso = $("#youso").offset().top; // 「youso」をアラーとしてみます。 alert(youso); }); 2次に「スクロール値」を取得します スクロール値を取得する際に使われる「.scrollTop()」ですが、「T」を大文字にするのを忘れる時があります。 実際、スクロール値を取得する際に、値が取れなくてjavascrip

    jQueryでスクロールしたら特定位置で固定する方法