タグ

jQueryと固定に関するmimosafaのブックマーク (2)

  • jQueryでヘッダーに現在の見出し要素を表示する「DisplayHeadingプラグイン」

    jQueryでヘッダー部分に現在の見出し要素を表示する「DisplayHeadingプラグイン」を公開します。 このプラグインは以下のページの振舞いに触発されて作りました。 Phusion Passenger users guide, Apache version 1.サンプル サンプルを用意しました。 サンプル スクロールして見出し要素が通過するたびにページ上部のヘッダー部分に見出しのタイトルを表示します。 逆スクロールしても、同じように見出しのタイトルを遡って表示します。 2.プラグインのダウンロード 下記のリンクからプラグインをダウンロードして、ファイル名を「jquery.displayheading.js」にリネームしてください。 jquery.displayheading_0.0.1.js 以下、設定方法です。 3.HTML 見出しの内容を表示させたいHTMLを、body終了タグ

    jQueryでヘッダーに現在の見出し要素を表示する「DisplayHeadingプラグイン」
  • スクロールしてもブロックを固定位置に表示させられるjQueryプラグイン「Sticky-Kit」:phpspot開発日誌

    スクロールしてもブロックを固定位置に表示させられるjQueryプラグイン「Sticky-Kit」 2013年08月08日- Sticky-Kit | jQuery plugin for sticky elements スクロールしてもブロックを固定位置に表示させられるjQueryプラグイン「Sticky-Kit」 スクロールしても、ナビゲーションは固定位置に表示させたいという場合があります。最近流行りですね。 かなり複雑なレイアウトであっても、簡単に要素を固定し、ユーザビリティ向上に繋げられるのは便利。 実際にこれを1からやろうとするとかなり大変ですが、jQueryプラグインのため、1行でサクッと実現できるあたりが素晴らしいです 関連エントリ アイテムをドラッグ&ドロップで画面レイアウト出来るjQueryプラグイン「gridster.js」 ドラッグ&ドロップで再編成できるPinteres

  • 1