一聚教程网:一个值得你收藏的教程网站

热门教程

jquery实现滚动条下拉DIV固定在头部不动

时间:2022-11-14 22:03:20 编辑:袖梨 来源:一聚教程网

首先考虑外层设置一个容器DIV,id设为#container,使他的高度为浏览器窗口的高度,然后将#footer这个DIV设置为#container的子DIV,并使用绝对定位的方式,使他固定到#container的底端,以实现希望的把DIV固定在网页底部效果。

例1

基于jquery

代码如下 复制代码





滚动条下拉DIV固定在头部不动


第一版块

漂浮内容








例2

CSS+DIV固定位置,不随滚动条而滚动

代码如下 复制代码

CSS部分:

DIV部分:

I'm still here!



contents


热门栏目