海外のブログで使われている二段階スクロール式のヘッダーライブラリ·scrollable-layer.js MOONGIFT
scrollable-layer.jsはヘッダーとメニュー部が合体するタイプのスクロールをサポートするJavaScriptライブラリです。 最近のWebサイトでよく使われているのがスクロールしてもヘッダーが追従してくるタイプのデザインです。特に個人的にTechCrunch.comのやり方が面白いと思っていたのですが、同様のヘッダー表示を可能にするのがscrollable-layer.jsです。 デモです。高さが低いのでウィンドウを小さくしています。 下にスクロールします。黒い帯が上にあがっていますが、ヘッダー部は残ったままです。 ヘッダー部にかかりました。ロゴはそのまま残っています。 さらにスクロールしました。ロゴはちょっと上に上がってそのまま残っています。ヘッダーはこのまま固定されます。 scrollable-layer.jsは単にヘッダーを固定にするだけでなく、ある程度スクロールすると
ページ内でどれくらいスクロールされているかをGoogleアナリティクスで解析する為のjQueryプラグイン・Scroll Depth
ユーザーにどれくらいページ内で スクロールされているかをGAの イベントAPIを使って解析する為 のjQueryプラグイン・Scroll Depth のご紹介。 スクロールに応じて視差効果を演出できるパララックス系サイトやペラサイトのような1ページで完結するタイプのコンテンツを持つサイトは割と見かけるので、どれくらいスクロールされているかを解析する方法もあるといいかもですね。という需要に応えたライブラリみたいです。 ※時間なくて動作テストしてないのでその程度の記事という事で今日はご了承下さい。 ユーザーのスクロール状況をパーセンテージでトラッキングするプラグイン。デフォルトでは25％、50％、75％といったポイントで解析できるようになってるみたい。また、任意のDOM要素をターゲットにする事も出来るそうです。 コード<script src="https://ajax.googleapis.c
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
