*

画面を下にスクロールさせると、違うデザインのメニューがついてくる

公開日: : 最終更新日:2015/10/29 jQuery ,

タイトルの通りです。画面をスクロールさせると、違うデザインのメニューがついてくる機能を今回作成しました。
サンプルコードの実行結果はこちら

今回は「throttle-debounce」プラグインを使用しています。これは、スクロールやマウスをクリックしたときに1秒間に呼ばれるイベントハンドラの回数を制限できるプラグインです。「throttle-debounce」プラグインはこちら

スポンサードリンク

関連記事

catejQuery

ページトップへスムーズにスクロールさせる。

今回は、ボタンをクリックしたら ページのトップへ滑らかに遷移するというものを jQueryを使っ

記事を読む

catejQuery

イベントが発生した要素を取得する

イベントを設定したい要素はひとつとは限らない場合が 多々あります。 今回は、eqセレクターを

記事を読む

catejQuery

表示・非表示をスライドで交互に切り替える slideToggle()

slideToggle()は、toggle()を スライドアニメーションにしたものです。 セレク

記事を読む

catejQuery

対象の要素を絞ってイベントを登録する

今回紹介するon()は、 これまでの記事で紹介したイベントを別の書き方で 設定できるメソッドです

記事を読む

catejQuery

透明度を少しづつ変更する fadeTo()

fadeTo()は、セレクターで指定した要素の 透明度(CSSのopacityプロパティ)を、設定

記事を読む

jQuery

Masonryのギャラリーの画像にホバーしたときに動きを付けてみる

今回はMasonryのギャラリーの画像にマウスのカーソルを乗せたときに青い半透明のアニメーションがで

記事を読む

catejQuery

ボタンを回転させて表示する。

ブラウザの上部からぶら下がっているボタンです。スクロールが停止した後、一定時間おいて回転しながら現れ

記事を読む

catejQuery

マウスのボタン操作を感知する mousedown()/mouseup()

mousedown(),mouseup()は、特定の要素上でマウスの 何かしらのボタン(左ボタン・

記事を読む

catejQuery

パンくずメニューをスライドさせて表示させる。

今回作成するのは、 パンくずリストに動きをつけて表示させる jQueryを作成します。 サ

記事を読む

catejQuery

要素の表示・非表示を交互に切り替える toggle()

toggle()は、要素の表示・非表示を交互に 切り替える命令です。セレクターで指定した要素が

記事を読む

スポンサードリンク

Message

メールアドレスが公開されることはありません。

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">



スポンサードリンク

jQueryMobile
トグルスイッチを設定する

トグルスイッチ(toggle switch)とは、〇型のつまみを左右に

jQueryMobile
項目選択の複数ウィジェットをグループ化する

年月日など、複数のリストから同時に選択したいとき、ウィジェットのグルー

jQueryMobile
<select>により項目選択

ボタンによる選択では、1つの項目だけ選択するか、複数を同時に選択するか

jQueryMobile
値を選択するボタンを表示する

値を選択するボタンは以下の2つがあります。 ・複数の値から1つだ

jQueryMobile
ボタンを設定する

前回の記事では<a data-role="button">

→もっと見る

  • スポンサーリンク

PAGE TOP ↑