タグ

スクロールとScrollに関するgazer_kojimaのブックマーク (1)

  • 海外のブログで使われている二段階スクロール式のヘッダーライブラリ·scrollable-layer.js MOONGIFT

    scrollable-layer.jsはヘッダーとメニュー部が合体するタイプのスクロールをサポートするJavaScriptライブラリです。 最近のWebサイトでよく使われているのがスクロールしてもヘッダーが追従してくるタイプのデザインです。特に個人的にTechCrunch.comのやり方が面白いと思っていたのですが、同様のヘッダー表示を可能にするのがscrollable-layer.jsです。 デモです。高さが低いのでウィンドウを小さくしています。 下にスクロールします。黒い帯が上にあがっていますが、ヘッダー部は残ったままです。 ヘッダー部にかかりました。ロゴはそのまま残っています。 さらにスクロールしました。ロゴはちょっと上に上がってそのまま残っています。ヘッダーはこのまま固定されます。 scrollable-layer.jsは単にヘッダーを固定にするだけでなく、ある程度スクロールすると

    海外のブログで使われている二段階スクロール式のヘッダーライブラリ·scrollable-layer.js MOONGIFT
  • 1