【はてなブログ】スクロールするとヘッダーに固定されるグローバルメニューの作り方｜1mm
回遊率をあげるために、グローバルメニューを固定させたい ヘッダー部分にメニューつけてるブログをよく読むんですが、本文が長文になって下にスクロールしていくと、ヘッダーが隠れてグローバルメニューが表示されなくなるんですよね…。 トップ戻るボタンで戻るのも良いんだけど、出来るだけ無駄なクリック数減らしつつ、沢山のページを見てもらえる仕様にしたい…。 という事で、試行錯誤しながら普通のグローバルメニューを「固定グローバルメニュー」に変えてみましたー！ ちなみに今のメニューは、ゆきひーさんが作ったお洒落メニューをベースとして使用させていただいてます！ いつもありがとうございます〜 www.yukihy.com 固定グローバルメニュー設置 まずは、新たに固定メニューを設置する場合からです。 この場合は以下のサイト通りにコピーしていくと簡単に固定されるメニューが出来上がります。 ※カスタマイズを行う際は
ページを移動（離脱）するときにjQueryで警告を出す方法
Facebookなどでフォーム入力中にページを移動（離脱）しようとすると警告が表示されます。 この仕組みをjQueryで実装する方法を紹介します。jQueryは投稿時点の最新バージョン1.9.1を利用しています。 １．ページを移動するときに警告を出す ページを移動するときに警告を出すには、onイベントにbeforeunloadイベントを設定します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(window).on('beforeunload', function() { return '投稿が完了していません。このまま移動しますか？'; }); }); </script> <form method="post" acti
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
