下にスクロールすると隠れて上にスクロールしたら登場するヘッダJS（とCSS） | 12px.com

今作っているサイトでヘッダの動きをタイトルのようにしたくなったので調べてみたんだけど、既にあるライブラリは細かい挙動がどれも思っているのと微妙に違ったので結局自分で書く事にした。 デモ 欲しかった細かい挙動はこんなの コンテンツを閲覧中、上にスクロールするとヘッダが上からニュッと登場する再度下にスクロールすると上にアニメーションして消えるページの一番上からスクロールしはじめた時は、ヘッダはアニメーションで隠れるのではなく、 ページ上部に普通に配置されたまま、スクロールする要素の1つとして消えていく （medium.comやiOSのSafariのような挙動）動きとしては これ が一番理想に近いんだけど、スマホではjQueryのslideUp, slideDownを使っているので動きが気持ち悪かった。 cssのアニメーションで動かしたいscroll-up-barはiOS用のバッドノウハウが入っ