一部テンプレートでナビゲーションの固定を簡単にしました

ナビゲーションが下スクロールで隠れ、上スクロールで出てくる、というタイプのテンプレートで、スクロール方向に関わらず上部に常時固定できるようにJSを分離しました。

日本語でどう表現するかわからないのですが、個人的には『peekaboo』(ぴーかぶー) と呼んでいます。

スクロールの方向によって出たり引っ込んだりするこのナビゲーションを固定するのに、これまではJSファイルの修正が必要で、そのJSについても非常に複雑なので不親切だったなぁ、と反省。そこで今回 script要素の削除のみで固定可能 にしました。対象テンプレートは以下の通りです。

カスタマイズ済みなどで再DLが難しい方はお手数ですが、各テンプレート専用記事を参照の上修正をお願いします。ナビの状態変更不要の方は修正及び再DLの必要はありません。

Expanse - FC2ブログテンプレート

Expanse - FC2ブログテンプレート

Expanseテンプレートはレスポンシブウェブデザインです。 パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。 「スマートフォン版の表示設定」を「無効にする」に設定してご利用ください。 設定ページ...

opt_RED - FC2ブログテンプレート

opt_RED - FC2ブログテンプレート

opt_REDテンプレートはレスポンシブウェブデザインです。 パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。 「スマートフォン版の表示設定」を「無効にする」に設定してご利用ください。 設定ページ...

ordinary_days - FC2ブログテンプレート

ordinary_days - FC2ブログテンプレート

ordinary_daysテンプレートはレスポンシブウェブデザインです。 パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。 「スマートフォン版の表示設定」を「無効にする」に設定してご利用ください。 設定ページ...

wash_ashore - FC2ブログテンプレート

wash_ashore - FC2ブログテンプレート

wash_ashoreテンプレートはレスポンシブウェブデザインです。 パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。 「スマートフォン版の表示設定」を「無効にする」に設定してご利用ください。 設定ページ...

Blowing - FC2ブログテンプレート

Blowing - FC2ブログテンプレート

Blowingテンプレートはレスポンシブウェブデザインです。 パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。 「スマートフォン版の表示設定」を「無効にする」に設定してご利用ください。 設定ページ...

Greetings - FC2ブログテンプレート

Greetings - FC2ブログテンプレート

Greetingsテンプレートはレスポンシブウェブデザインです。 パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。 「スマートフォン版の表示設定」を「無効にする」に設定してご利用ください。 設定ページ...

Behavior - FC2ブログテンプレート

Behavior - FC2ブログテンプレート

Behaviorテンプレートはレスポンシブウェブデザインです。 パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。 「スマートフォン版の表示設定」を「無効にする」に設定してご利用ください。 設定ページ...

Crescent - FC2ブログテンプレート

Crescent - FC2ブログテンプレート

Crescentテンプレートはレスポンシブウェブデザインです。 パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。 「スマートフォン版の表示設定」を「無効にする」に設定してご利用ください。 設定ページ...

Hymn - FC2ブログテンプレート

Hymn - FC2ブログテンプレート

Hymnテンプレートはレスポンシブウェブデザインです。 パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。 「スマートフォン版の表示設定」を「無効にする」に設定してご利用ください。 設定ページ...