css
css div固定一个div使这个div不随着网页的滚而滚动,就是把这个div固定在一个位置任何时候都在一个位置?
div固定一个div使这个div不随着网页的滚而滚动,就是把这个div固定在一个位置任何时候都在一个位置?
1、需要使用固定定位才能做到这样的效果。具体方法是首先打开html编辑器,首先设置一个容器div,然后设置一个用来演示效果的div,分别设置class属性名为container和fixed:
2、在style标签中设置样式,设置container的position属性为相对定位,并且给它一个很高的高度,然后给fixed设置高度和宽度,以及颜色等属性,这里的重点是设置position属性为fixed,以及设置top和left属性控制div的位置,设置完成后保存文件:
3、打开浏览器,可以看到div并且可以观察到进度条是最上面的:
4、接着将进度条拉倒最下面,可以发现div还是在原来的位置保持不变。以上就是用fixed属性设置div固定位置的方法:
html怎么实现页面滑动进下一页?
1、头部定义一个div,固定高度,设置绝对定位(position:absolute),设置上边距(top:0)
2、底部定义一个div,固定高度,设置绝对定位(position:absolute),设置下边距(bottom:0)
3、中间定义一个div,设置滚动条自动( overflow: auto) 设置绝对定位(position:absolute),设置top和bottom,top的值等于头部div的高度,bottom的值等于底部div的高度
固定表头怎么弄?
如果Table数据过多,页面必然会拉的很长,固定表头,可以方便用户对照表头项目列表。近日做后台界面时,整理固定表头三种方法:
A:使用JQuery UI插件,用DIV替换table,overflow-y:hidden达到滚动,让 thead绝对定位达到固定的目的,方法如下:
View Code
页面调用如下:
View Code
此方法IE和FF的兼容性都很好,推荐。
B:利用css滤镜实现,但FF不支持微软的东西,不兼容。DOM如下:
View Code
C:最简单的方法当然是写2个table,用DIV的overflow-y:auto来实现,兼容性绝对没问题,麻烦之处在于2个table的对齐问题,另外用脚本赋予高度的话,需要加onresize()方法。DOM如下:
View Code
有时候最笨的方法也可能是最简单最好的方法,这样写的兼容性绝对安全,灵活性也不错。