divフローティングレイヤー・スクロールバー移動・位置不変にする4つの方法まとめ

div は上部に残り、スクロールバーはスクロールしますが、div はまだ上部にあります。ソースコードを直接アップロードします:

方法 1:

div フローティングレイヤー、スクロールバーの移動、位置を変更しない
">
body{background-image:url(about:blank);background-attachment:fixed;}
#float{width:344px;height:34px;border:1px Solid #C0DBF8;position :absolute ;top:0px;}

ddd

br>
gt;

gt;

gt;

;

< ;br>

gt;

br>

gt;
gt;

;
;br>gt;
gt;
gt;
gt;

gt;
gt;

br>

;br>gt;
gt;

gt;

gt;

;
gt;

gt;
gt;
gt;

br>
gt;

gt;

;

方法二：

复制代码代码如下:

 来实现 -->

< ;br>gt;
gt;
gt;
gt;
gt;
gt;
gt;

gt;

 ;

< br>gt;
gt;
gt;
gt;
gt;
gt;
gt;

gt;
gt;

gt;
gt;
gt;
gt;
gt;
gt;
gt;

 ;

< br>

 居中の层>

方法３：
复制代码代码如下:

 
复制代码代码如下:

開始终在中

gt;
gt;

gt;
gt;
gt;
gt;
gt;
gt;
gt;

 br/>

関連ラベル：
                        div スクロール・バー                    
ソース：php.cn

                        前の記事：パスワード_JavaScript スキルを変更するときに、Cookie に保存されたパスワードをパスワード ボックスに表示する方法
                    
                        次の記事：JQuery ページへのテーブル データの追加と paging_jquery の実装
                    
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事

                                初心者からプログラマーへ: 旅は C の基礎から始まります
                            
2024-10-13 13:53:41

                                PHP による Web 開発のロックを解除する: 初心者ガイド
                            
2024-10-12 12:15:51

                                C の謎を解く: 新人プログラマーのための明確でシンプルな道
                            
2024-10-11 22:47:31

                                コーディングの可能性を解き放つ: まったくの初心者のための C プログラミング
                            
2024-10-11 19:36:51

                                内なるプログラマーを解き放つ: まったくの初心者のための C
                            
2024-10-11 15:50:41

                                C で生活を自動化する: 初心者向けのスクリプトとツール
                            
2024-10-11 15:07:41

                                PHP を簡単に: Web 開発の最初のステップ
                            
2024-10-11 14:21:21

                                Python で何でも構築: 創造性を解き放つための初心者ガイド
                            
2024-10-11 12:59:11

                                コーディングの鍵: 初心者のための Python の力を解き放つ
                            
2024-10-11 12:17:31

                                プログラミングの基礎: C への優しい入門
                            
2024-10-11 11:48:01
最新の問題
PX から REM への自動変換エラー<style>html { font-size: calc(100vw / 3.75); }body { font-size: 0.16rem; }</style...
                                     から 2024-04-16 09:34:16
                                
  0 
0
4687
0ms スリープを省略すると CSS トランジションが中断されるのはなぜですか?FLIP アニメーションを実装して、正しく理解できているかどうかを確認しようとしています。このコードペン (間違ったコードですみません。ただいじっているだけです) で、sleep ...
                                     から 2024-04-06 16:29:50
                                
  0 
2
490
クリックしてスクロールすると div を非表示/表示します検索アイコンをクリックすると表示され、ユーザーがクリックまたはスクロールすると非表示になる、非表示の検索フォームを作成したいと考えています。
                                     から 2024-04-06 12:20:46
                                
  0 
1
386
テキストの幅を、動的にサイズ変更される画像/タイトルの幅に合わせるにはどうすればよいですか?このコードペンを参照してください: https://codepen.io/allen-houng/pen/XGMjMr?editors=1100#0<div><i...
                                     から 2024-04-06 10:04:43
                                
  0 
2
386
リンクを削除した後もツールチップが機能するのはなぜですか?リンクを削除した場合にのみ、ツールヒントに div タグが表示されます。両者はどのような関係にあるのでしょうか? div コンテンツはリンクとともに表示されません。 .toolti...
                                     から 2024-04-05 09:51:08
                                
  0 
1
1419
関連トピック
詳細>
                    
                            divスクロールバー 
                        
                            HTMLスクロールバーのスタイルを設定する方法 
                        
                            2つのdivを並べて表示する方法 
                        
                            divとspanの違い 
                        
                            divタグの使い方 
                        
                            divテキストを垂直方向に中央揃えにする方法 
                        
                            CSSのdivの意味 
                        
                            ウェブ クローラー

人気のおすすめ