私は、特定のピクセル数までスクロールすると固定され、所定の位置に留まるヘッダーを作成しています。
CSS と HTML だけを使用してこれを行うことはできますか、それとも jquery も必要ですか?
理解できるようにデモを作成しました。助けていただければ幸いです。
http://jsfiddle.net/gxRC9/4/
リーリー
Your Answer
2 件の回答
スクロール イベントを処理するには、いくつかの JS が必要です。最良の方法は、特定のポイントを超えてスクロールするときに関連する div に割り当てられる固定位置に新しい CSS クラスを設定することです。
HTML
リーリーCSS
リーリーjQuery
リーリーフィドルの例: http://jsfiddle.net/gxRC9/501/
編集: 拡張例
トリガー ポイントは不明だが、スティッキー要素が画面の上部に到達したときにトリガーする必要がある場合は、offset().top を使用できます。
拡張フィドル例: http://jsfiddle.net/gxRC9/502/
Hot Questions
function_exists() はカスタム関数を決定できません
2024-04-29 11:01:01
Google Chromeのモバイル版を表示する方法
2024-04-23 00:22:19
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。
2024-04-19 15:37:47
親ウィンドウには出力がありません
2024-04-18 23:52:34
CSS マインド マッピングに関するコースウェアはどこにありますか?
2024-04-16 10:10:18
Hot Tools
vc9-vc14 (32+64 ビット) ランタイム ライブラリ コレクション (以下のリンク)
phpStudy のインストールに必要なランタイム ライブラリのコレクションをダウンロードします。
VC9 32ビット
VC9 32 ビット phpstudy 統合インストール環境ランタイム ライブラリ
PHP プログラマー ツールボックスのフルバージョン
プログラマ ツールボックス v1.0 PHP 統合環境
VC11 32ビット
VC11 32ビットphpstudy統合インストール環境ランタイムライブラリ
SublimeText3 中国語版
中国語版、とても使いやすい
ホットトピック
Douyin レベル価格表 1-75
20337
7
20337
7
Wi-FiにIPが割り当てられていないことが表示される
13531
4
13531
4
確認コードを受け取るための仮想携帯電話番号
11853
4
11853
4
Gmailメールのログイン入り口はどこですか?
8836
17
8836
17
Windows セキュリティ センターをオフにする方法
8420
7
8420
7
人気の記事
2025 年の仮想通貨市場のトップ 10 トレンドの予測: 次のトレンドはどこでしょうか?
2025-11-07
By DDD
通貨サークル内で先住犬プロジェクトを特定するにはどうすればよいですか?ゼロコインの罠とリスク警告を回避する
2025-11-07
By DDD
CSS @media クエリの優先順位とルール カバレッジの問題を解決するためのチュートリアル
2025-11-07
By DDD
インストール後にソフトウェアで win10 フォントが見つからない場合の対処法_win10 フォントのインストールと識別方法
2025-11-07
By DDD
鉄道 12306 の支払いに失敗した注文はまだ存在しますか?_鉄道 12306 の支払いに失敗した注文の処理方法
2025-11-07
By DDD





