上にスクロールするときに要素をページの下部に固定するにはどうすればよいですか?
P粉356361722
P粉356361722 2023-09-06 12:51:37
0
1
486

私が達成したいことは次のとおりです: https://imgur.com/a/YFcfO3N

基本的には、上にスクロールしたときにページの下部に固定されるメニューが必要です。

P粉356361722
P粉356361722

全員に返信(1)
P粉649990163

開発者コンソールを確認しました https://imgur.com/a/YFcfO3N a> 次の CSS 属性を持つ、「Footer-wrapper」クラスのフッター コンテナーを使用しているようです。

リーリー

下にスクロールすると、別のクラスがコンテナ「down」に追加されます:

リーリー

負の位置はフッター/メニューの高さに対応する必要があります。

彼らは JavaScript を使用してこれを行っていると思います。次のように、JavaScript でユーザーがページの先頭にいるかどうかを確認できます。 リーリー

次のように要素にクラスを追加できます:

リーリー

そして次のように削除します:

リーリー

編集: 申し訳ありませんが、最初に質問を誤解していましたが、達成したいことは同様の方法で達成できます。このメニューの例を見てみましょう:

リーリー

このCSSを使用します

リーリー

とこの JavaScript

リーリー

それは可能なはずです。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート