HTML CSS を使用して div またはテーブルを指定した位置に固定する方法

HTML CSS を使用して div またはテーブルを指定した位置に固定する方法
CSSコードコンテンツをクリップボードにコピー
  1. .bottomTable{
  2. 背景色: rgb (249,249,249);
  3. z-index :99999999; position : fixed; bottom : 0 ; left : 0 ; width : 100%; _position: absolute ; /* IE6 用 */   
  4. /* _top: 式(document.body.scrollTop+document.body.clientHeight-this.offsetHeight); */   
  5. _top: 式(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); /* IE6 の場合 */   
  6. オーバーフロー:表示可能;
  7. }

1. z-index: レイヤーを最上位レイヤーに設定します。

2. 位置: 固定; 位置を設定します。

3. _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); js を css にバインドして、レイヤーの上部からの高さを制御します。

ここでは制御レイヤーが最下部にあり、特定の値は必要に応じて調整されます。

4. document.body.scrollTop: body、body タグのスクロール バーのスクロール距離。他のタグ オブジェクト (スクロール バー付き) に置き換えることができます。

5. body タグの高さである document.body.clientHeight は、他のタグ オブジェクトに置き換えることができます。

6、-6、そして具体的な状況に応じて対応する変更を加えます。

html css を使用して div またはテーブルを特定の位置に固定する方法に関する上記の記事を皆さんに共有したいと思います。これが皆さんの参考になれば幸いです。また、123WORDPRESS.COM をサポートしていただければ幸いです。

オリジナルURL: http://www.cnblogs.com/skycsdn/archive/2016/06/13/5580009.html

<<:  MySQLチュートリアルではストアドプロシージャを徹底的に理解します

>>:  3列レイアウトを実現するCSS3フレキシブルボックスフレックス

推薦する

CSSを使用して、頻繁に表示される奇妙なボタンを簡単に実装します。

背景グループでは、CSS を使用してインセット コーナー ボタンを実装する方法や、矢印付きのボタンを...

JS でカルーセル効果を実現する 3 つの簡単な方法

この記事では、JSカルーセル効果の具体的なコードを実現するための3つの方法を紹介します。具体的な内容...

Docker での Tomcat インストールの 404 問題の解決方法

tomcat の containerID を見つけて、tomacat ディレクトリに入ります。 [r...

CSS3 すりガラス効果

すりガラス効果がうまく表現されていれば、ページが非常に鮮やかで立体的に見えるようになります。写真に直...

MySql テーブル、データベース、シャーディング、パーティショニングの知識の詳細な説明

1. はじめにデータベース内のデータ量が一定レベルに達すると、システムパフォーマンスのボトルネックを...

nginx+php-fpm サービスの HTTP ステータス コード 502 の詳細な分析

弊社の Web プロジェクトの 1 つでは、新しい都市の増加によりトラフィックと DB 負荷が増加し...

ウェブデザインには目的、アイデア、思考、そして粘り強さがなければならない

<br />はじめに:このアイデアは、数日前に上級ウェブデザインの次の記事を考えていると...

Axiosは繰り返しのリクエストをキャンセル

目次序文1. リクエストをキャンセルする方法2. 重複リクエストの判定方法3. 繰り返しリクエストを...

Vue echarts は棒グラフの動的な表示を実現します

この記事では、棒グラフの動的な表示を実現するためのvue echartsの具体的なコードを参考までに...

数百万のデータに対して MySQL クエリを最適化する 4 つの方法

目次1. 時間が経つにつれて限界が遅くなる理由2. 百万データシミュレーション1. 従業員テーブルと...

Nginx を使用してグレースケール リリースを実装する

グレースケールリリースとは、白と黒をスムーズに移行できるリリース方法を指します。 ABテストとは、グ...

MySQLユーザーと権限管理の詳細な説明

この記事では、例を使用して MySQL ユーザーと権限の管理について説明します。ご参考までに、詳細は...

VueのRender関数

目次1. ノード、ツリー、仮想DOM 2. 仮想DOM 2.1 データオブジェクトの詳細2.2 制約...

あまり使われていない、または誤解されている HTML タグ 10 個

ここでは、あまり使われていない、または誤解されている 10 個の HTML タグを紹介します。あまり...

MySql ストレージ エンジンとインデックスに関する知識のまとめ

ストレージエンジンデータベース ストレージ エンジンとは何ですか?データベース エンジンは、データベ...