方法は色々あれど、javascriptがあるからjQueryがあるのだ。

年齢を重ねるごとに豆腐が美味しく感じるのはなぜでしょうか。
こんにちはキイチです。

美味しいですよね、豆腐。
昔はむしろ嫌いでした、豆腐。
それが、ある年を境に木綿が美味く感じ、そのうち絹も美味しく感じたり。
最近では冷奴も工夫次第で白飯が食べれます。おかわりつきで。

では本題にまいります。

出だしで豆腐の話をしておいてなんですが、今回は備忘録的な内容です。

WEBブラウザで一定の位置までスクロールした時に、任意の要素を任意の位置に固定するときの方法。

header要素の高さ以上スクロールした時にnav要素をウィンドウの最上部に固定する。

Javascript jQueryによる方法

styleはcssに記述して、addClass、removeClassを使っても良い。

Javascript JQueryは利用しない方法

CSSによる方法

CSSによる方法が驚くほど簡単だけど、IEが対応していません。

簡単にまとめ

現時点、私はこういった仕掛けをWEBサイトに設置する際、jQueryに頼り切りです。
今後のWEB技術の状況はどうあれ、なるだけライブラリに頼らない方法もある程度知っていたほうが良いと考えています。
もちろん、jQueryやVue.js等々のライブラリやフレームワーク等の便利なツールを否定していません。
これらでどれだけ助かっているかわかりません。
作ってくれた人達に「ありがとう」です。




KII-CH.NET / 最新情報をチェック
NO IMAGE