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

作者:袖梨 2022-11-14

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

例1

基于jquery

代码如下 复制代码





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


第一版块

漂浮内容








例2

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

代码如下 复制代码

CSS部分:

DIV部分:

I'm still here!



contents


相关文章

精彩推荐