検索
に質問 スクロール: タイトルを修正する方法
スクロール: タイトルを修正する方法
P粉090087228 2023-10-12 23:57:29 表示#ヒョウジ# 849

0

私は、特定のピクセル数までスクロールすると固定され、所定の位置に留まるヘッダーを作成しています。

CSS と HTML だけを使用してこれを行うことはできますか、それとも jquery も必要ですか?

理解できるようにデモを作成しました。助けていただければ幸いです。

http://jsfiddle.net/gxRC9/4/

リーリー


Your Answer
提出する

2 件の回答
0

Coopの回答を変更しました。例 FIDDLE を確認してください。 私の変更は次のとおりです:

リーリー
2023-10-13 20:34:56

提出する

0

スクロール イベントを処理するには、いくつかの JS が必要です。最良の方法は、特定のポイントを超えてスクロールするときに関連する div に割り当てられる固定位置に新しい CSS クラスを設定することです。

HTML

リーリー

CSS

リーリー

jQuery

リーリー

フィドルの例: http://jsfiddle.net/gxRC9/501/


編集: 拡張例

トリガー ポイントは不明だが、スティッキー要素が画面の上部に到達したときにトリガーする必要がある場合は、offset().top を使用できます。

リーリー

拡張フィドル例: http://jsfiddle.net/gxRC9/502/

2023-10-13 11:27:00

提出する

Hot Tools

vc9-vc14 (32+64 ビット) ランタイム ライブラリ コレクション (以下のリンク)

vc9-vc14 (32+64 ビット) ランタイム ライブラリ コレクション (以下のリンク)

phpStudy のインストールに必要なランタイム ライブラリのコレクションをダウンロードします。

VC9 32ビット

VC9 32ビット

VC9 32 ビット phpstudy 統合インストール環境ランタイム ライブラリ

PHP プログラマー ツールボックスのフルバージョン

PHP プログラマー ツールボックスのフルバージョン

プログラマ ツールボックス v1.0 PHP 統合環境

VC11 32ビット

VC11 32ビット

VC11 32ビットphpstudy統合インストール環境ランタイムライブラリ

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい