DEMO 2
DEMO 1ではiPhone等の実機のスクロールイベントの実行タイミングが微妙だったため、対策。
追従用のメニューをもうひとつ用意し「visibility: hidden;」を指定しておき、スクロール量がメニューの位置になったタイミングで「fixed」クラスを付与し、「visibility: visible;」に切り替える。
このDEMOでは一応実現できているが、実はDEMO 3にて落とし穴に気づく。
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2
DEMO 2