html css 控制div或者table等固定在指定位置的实现方法
- .bottomTable{
- background-color: rgb(249,249,249);
- z-index:99999999; position:fixed; bottombottom: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,距具体情况作相应改动。
以上这篇html css 控制div或者table等固定在指定位置的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
原文地址:http://www.cnblogs.com/skycsdn/archive/2016/06/13/5580009.html
上一篇:5种方法快速去掉HTML中Inline-Block的空白
栏 目:CSS/HTML
本文标题:html css 控制div或者table等固定在指定位置的实现方法
本文地址:https://www.xiuzhanwang.com/a1/CSS_HTML/9643.html
您可能感兴趣的文章
- 04-02表格样式css样式,css样式表单
- 04-02分页样式css,分页样式jq
- 04-02好看的字体样式css,好看的字体样式图片
- 04-02分页样式css,分页样式栏里用来定义首页的属性
- 04-02css样式的引入,css样式怎么引入
- 04-02css样式引入方式有几种,网页引入css样式有几种方式
- 04-02css滚动条样式,css滚动条的样式
- 04-02html中加入css样式的简单介绍
- 04-02内嵌样式css,内嵌样式表,内部样式表,外部样式表中优先级最高的
- 04-02vue中的css样式布局,vue添加css样式
阅读排行
本栏相关
- 04-02表格样式css样式,css样式表单
- 04-02好看的字体样式css,好看的字体样式图
- 04-02分页样式css,分页样式jq
- 04-02分页样式css,分页样式栏里用来定义首
- 04-02css样式的引入,css样式怎么引入
- 04-02css滚动条样式,css滚动条的样式
- 04-02css样式引入方式有几种,网页引入css样
- 04-02html中加入css样式的简单介绍
- 04-02vue中的css样式布局,vue添加css样式
- 04-02内嵌样式css,内嵌样式表,内部样式表
随机阅读
- 01-10C语言打印杨辉三角示例汇总
- 01-10bat批处理彻底隐藏文件的方法(使用
- 01-11常用的HTML富文本编译器UEditor、CKEdi
- 01-10C++ 类访问控制的条件总结
- 01-10vue实现分页加载效果
- 08-05dedecms织梦模板全站调用收藏数的方法
- 08-05dedecms织梦模板编辑文档的同时自动更
- 08-05织梦dedecms首页调用缩略图为背景
- 08-05DEDECMS点击主栏目默认显示第一个子栏
- 01-10C++实现将数组中的值反转