2行目:

offset() 関数で、グローバルナビの座標を取得します。

戻り値は {top: 529, left: 0} の様な配列となり、offset.top で、縦位置にアクセスできます。



4~10行目:

スクロールイベント(スクロールされた場合)の処理。



5~9行目:

$(window).scrollTop() で、現在のスクロールの縦位置を取得。

現在の縦位置とグローバルナビの縦座標位置と比較し、スクロール位置がグローバルナビより下となった場合に6行目で、グローバルナビ(#globalNavi)に fixed クラスを付与し、画面上部で固定します。



現在の縦位置がグローバルナビよりも上に位置している場合は、グローバルナビ(#globalNavi)から fixed クラスを削除します。



噛み砕いていけば、非常に単純なことしかしていない内容です。

要はグローバルナビの位置を確認して「固定表示する or しない」を決めているだけ、ということになります。

2行目:

offset() 関数で、グローバルナビの座標を取得します。

戻り値は {top: 529, left: 0} の様な配列となり、offset.top で、縦位置にアクセスできます。



4~10行目:

スクロールイベント(スクロールされた場合)の処理。



5~9行目:

$(window).scrollTop() で、現在のスクロールの縦位置を取得。

現在の縦位置とグローバルナビの縦座標位置と比較し、スクロール位置がグローバルナビより下となった場合に6行目で、グローバルナビ(#globalNavi)に fixed クラスを付与し、画面上部で固定します。



現在の縦位置がグローバルナビよりも上に位置している場合は、グローバルナビ(#globalNavi)から fixed クラスを削除します。



噛み砕いていけば、非常に単純なことしかしていない内容です。

要はグローバルナビの位置を確認して「固定表示する or しない」を決めているだけ、ということになります。

2行目:

offset() 関数で、グローバルナビの座標を取得します。

戻り値は {top: 529, left: 0} の様な配列となり、offset.top で、縦位置にアクセスできます。



4~10行目:

スクロールイベント(スクロールされた場合)の処理。



5~9行目:

$(window).scrollTop() で、現在のスクロールの縦位置を取得。

現在の縦位置とグローバルナビの縦座標位置と比較し、スクロール位置がグローバルナビより下となった場合に6行目で、グローバルナビ(#globalNavi)に fixed クラスを付与し、画面上部で固定します。



現在の縦位置がグローバルナビよりも上に位置している場合は、グローバルナビ(#globalNavi)から fixed クラスを削除します。



噛み砕いていけば、非常に単純なことしかしていない内容です。

要はグローバルナビの位置を確認して「固定表示する or しない」を決めているだけ、ということになります。

2行目:

offset() 関数で、グローバルナビの座標を取得します。

戻り値は {top: 529, left: 0} の様な配列となり、offset.top で、縦位置にアクセスできます。



4~10行目:

スクロールイベント(スクロールされた場合)の処理。



5~9行目:

$(window).scrollTop() で、現在のスクロールの縦位置を取得。

現在の縦位置とグローバルナビの縦座標位置と比較し、スクロール位置がグローバルナビより下となった場合に6行目で、グローバルナビ(#globalNavi)に fixed クラスを付与し、画面上部で固定します。



現在の縦位置がグローバルナビよりも上に位置している場合は、グローバルナビ(#globalNavi)から fixed クラスを削除します。



噛み砕いていけば、非常に単純なことしかしていない内容です。

要はグローバルナビの位置を確認して「固定表示する or しない」を決めているだけ、ということになります。