Help us understand the problem. What is going on with this article?
東京都中野区を中心としたホームページ制作会社『PNRA CO.LTD.,』のブログ。日々の業務上での発見やアイディア、Tipsなどを随時更新していきます。jQuery基礎講座[第6回] どーも@PNRAです! 忘備録もかねて随時更新していくjQuery基礎講座の時間がやって参りました。 今回はちょっといつもより高度な内容を見ていきたいと思います。表題の通り、ウィンドウのスクロール量に応じて要素を固定したり、動かしたりするという内容です。よくある例でいえば、ページをスクロール中に、ナビゲーションエリアを上部に固定する。といったものですが、応用次第ではサイドバーの固定なども可能です。要素の出現位置を抽出するため、要素が現れたらアニメーションを開始する、といった内容にも繋がってきますね。 そこで今回は使用頻度の高い「スクロール途中でナビゲーションエリアがウィンドウの最上部にきたら要素を固定する」
東京都中野区を中心としたホームページ制作会社『PNRA CO.LTD.,』のブログ。日々の業務上での発見やアイディア、Tipsなどを随時更新していきます。jQuery基礎講座[第5回] どーも@PNRAです! 忘備録もかねて随時更新していくjQuery基礎講座の時間がやって参りました。 前回のjQuery基礎講座:ハンバーガーナビゲーション実装サンプル(ZIP付)に引き続き、今回もナビゲーション周りをいじくっていきたいと思います。 本日実装してみるのはタイトルの通り、スクロール量に応じて出現するナビゲーションエリアです。これは、スクロール量をjQueryで取得し、一定の深さまでスクロールするとコンテンツを表示させるというやつです。 ナビゲーション以外にも「ページトップへ戻る」ボタンの出現などにもよく使われるものなので、是非覚えておきましょう。 それでは、具体的にみていきましょう。 実装実例
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く