1. ホーム
  2. Web制作
  3. HTML/Xhtml

html css 制御 div または table を実装方法の指定位置で固定する。

2022-02-05 07:33:42
CSSコード 内容をクリップボードにコピーする
  1. .bottomTable{    
  2. <スパン 背景色 ラグビー (249,249,249);    
  3. <スパン z-index :999999999;  位置 : 固定 底面 底面 :0;  :0;  :100%; _position: 絶対 /* IE6用 */
  4. <スパン /* _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight); */
  5. _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6);  /* IE6用 */
  6. <スパン オーバーフロー : 可視 ;   
  7.  }  

1. z-index:レイヤーが最上位になるように設定します。

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

3. _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); css binding js でレイヤーの上からの高さを制御する。

ここでは、コントロールレイヤーが一番下にあり、要件に応じて適宜値を調整しています。

4、document.body.scrollTop:ボディ、ボディタグスクロール距離は、あなたの他のタグオブジェクト(スクロールバーの存在)に置き換えることができます。

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

6, -6, 大文字と小文字で適宜変更する。

このhtmlのcss制御は、指定した位置に固定されたdivやtableなど、上記の実装はすべて私があなたと共有している、私はそれがあなたに参照を与えることができることを願って、私はあなたがスクリプトをサポートして家に帰ることを願っています。

元記事のアドレスです。 http://www.cnblogs.com/skycsdn/archive/2016/06/13/5580009.html