如何让DIV随着左右滚动条移动，上下滚动条不变

Posted 2023-04-24

参考技术A 1、头部定义一个div，固定高度，设置绝对定位(position:absolute)，设置上边距(top:0);
2、底部定义一个div，固定高度，设置绝对定位(position:absolute)，设置下边距(bottom:0);
3、中间定义一个div，设置滚动条自动(
overflow:
auto);
设置绝对定位(position:absolute)，设置top和bottom，top的值等于头部div的高度，bottom的值等于底部div的高度
示例
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#pagemargin:0
auto;width:960px;
#headerwidth:960px;
height:60px;
position:absolute;
top:0;background-color:#ccc;
#footerwidth:960px;
height:30px;
position:absolute;
bottom:0;
background-color:#ccc;
#contentwidth:960px;
overflow:
auto;
position:absolute;
top:60px;
bottom:30px;

jquery效果:DIV随浏览器滚动条上下移动

参考技术A 这个不难弄···
事先获取div的offset和它的高度··然后加起来··然后你在$(window).scroll(function());中判断当前滚动的高度是否等于高度+offset.top·如果等于的话·你就把div设置为position:fixed;
然后再给它一个top就可以了