WebデザイナーのためのjQuery実践講座

「スクロール位置に応じたヘッダーレイアウトの変更」とは?

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
「スクロール位置に応じたヘッダーレイアウトの変更」とはどういったものなのかを、完成版をプレビューしながら確認致します。
講師:
01:37

字幕

このレッスンでは スクロール位置に応じた ヘッダーレイアウトの変更とは― どういったものなのかを完成版を プレビューしながら― 確認していきたいと思います 今 画面に表示されているのが このコースで制作していく― 架空のウエブサイトとなっています そして 今回実装していくスクロール位置に 応じたヘッダーレイアウトの変更とは― こちらの部分ですね こちらの部分のヘッダーをー このブラウザのスクロール位置に応じて 変更するといった形になります それでは 実際にどういった ものなのかをみてみましょう こちらのブラウザをスクロールしてみます すると このように今 少し小さくなったのがわかりましたかね 元に戻すと こういった感じになります そして もう一度これをスクロールさせると このように少しサイズが小さくなって― 且つ ここにドロップシャドー のような効果が付きましたね 今回はこの機能の実装方法について みていきたいと思います 今回はこれまでのレッスンで使ってきた jKit プラグインは利用せずに― jQuery のみを使って実装して いってみたいと思います 以上でレッスンは終了です 今回はスクロール位置に応じた ヘッダーレイアウトの変更とは― どういったものなのかを完成版を プレビューしながら確認致しました 以降のレッスンでは このヘッダー部分の レイアウト変更部の CSS を― 作成する方法について 解説していきますので そちらも合わせてご覧下さい

WebデザイナーのためのjQuery実践講座

jQueryとはJavaScriptを簡単かつ便利に扱えるJavaScriptライブラリです。このコースではプログラミングの知識はそれほどないけれど日々仕事でHPを制作しているWebデザイナーの方や趣味で自分のサイトを運営している方などを対象に、jQueryとプラグインを利用してさまざまな機能や効果を手軽にサイトに実装する方法を学びます。

2時間04分 (34 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 2,990
発売日:2015年06月29日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。