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

相关文章

精彩推荐