Heim > Web-Frontend > HTML-Tutorial > html css 控制div或者table等固定在指定位置

html css 控制div或者table等固定在指定位置

WBOY
Freigeben: 2016-06-16 08:39:30
Original
928 Leute haben es durchsucht

.bottomTable{
 background-color: rgb(249,249,249);
    z-index:99999999; position:fixed; bottom:0; left:0; width:100%; _position:absolute; /* for IE6 */
    /* _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight);    */
    _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); /* for IE6 */
     overflow:visible;
 }

1、z-index:设置层处于最顶层。

2、position:fixed;设置定位。

3、_top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6);通过css绑定js控制层距顶端的高度,

此处是控制层处于底部,具体数值根据需求作相应的调整。

4、document.body.scrollTop:body,body标签滚动条滚动的距离,可更换为你其它标签对象(存在滚动条)。

5、document.body.clientHeight,body标签的高度,可更换为你其它标签对象。

6、-6,距具体情况作相应改动。

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage