私は、特定のピクセル数までスクロールすると固定され、所定の位置に留まるヘッダーを作成しています。
CSS と HTML だけを使用してこれを行うことはできますか、それとも jquery も必要ですか?
理解できるようにデモを作成しました。助けていただければ幸いです。
http://jsfiddle.net/gxRC9/4/
Coopの回答を変更しました。例 FIDDLE を確認してください。 私の変更は次のとおりです:
スクロール イベントを処理するには、いくつかの JS が必要です。最良の方法は、特定のポイントを超えてスクロールするときに関連する div に割り当てられる固定位置に新しい CSS クラスを設定することです。
HTML
CSS
jQuery
フィドルの例: http://jsfiddle.net/gxRC9/501/
編集: 拡張例
トリガー ポイントは不明だが、スティッキー要素が画面の上部に到達したときにトリガーする必要がある場合は、offset().top を使用できます。
offset().top
拡張フィドル例: http://jsfiddle.net/gxRC9/502/
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Coopの回答を変更しました。例 FIDDLE を確認してください。 私の変更は次のとおりです:
リーリースクロール イベントを処理するには、いくつかの JS が必要です。最良の方法は、特定のポイントを超えてスクロールするときに関連する div に割り当てられる固定位置に新しい CSS クラスを設定することです。
HTML
リーリーCSS
リーリーjQuery
リーリーフィドルの例: http://jsfiddle.net/gxRC9/501/
編集: 拡張例
トリガー ポイントは不明だが、スティッキー要素が画面の上部に到達したときにトリガーする必要がある場合は、
リーリーoffset().topを使用できます。拡張フィドル例: http://jsfiddle.net/gxRC9/502/