6067人阅读
由于项目的需要，需要在外层div上添加一个滚动条，该div是上中下被不同的div分割，要求让上层div的内容不随着滚动条的滑动而滚动实现代码如下
&title&无标题文档&/title&
&div id=&scroll& style =&width:85%;height: 10px%;overflow-y:overflow-x:&&
&div id = &top&&固定不动&/div&
比较长的内容
$(function(){&& &&& &&& &&& &&& &&& &
&$(&#scroll&).scroll(function() {
var offset = $(this).offset();
$(&#top&).offset(offset);
}) ; &&& &&& &&& & &&& &&& &&&
&&/script&&/html&
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：759028次
积分：7461
积分：7461
排名：第2312名
原创：176篇
转载：15篇
评论：238条
阅读：9140
阅读：8470
阅读：21677
文章：10篇
阅读：40363
(1)(1)(1)(1)(4)(9)(2)(1)(2)(4)(7)(5)(2)(7)(2)(1)(2)(6)(2)(2)(1)(2)(2)(2)(1)(2)(3)(1)(7)(2)(1)(1)(1)(4)(3)(2)(1)(8)(11)(4)(10)(1)(15)(10)(3)(3)(10)(1)(6)(1)(1)(1)(5)(2)(1)(1)DIV固定不动，不随滚动条滚动且不闪动
我的图书馆
DIV固定不动，不随滚动条滚动且不闪动
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""&&html xmlns=""&&head&&meta http-equiv="Content-Type" content="text/ charset=gb2312"&&title&chinmo.net&/title&&style type="text/css"&body{&margin:0&padding:0}#glideDiv0{position: bottom:0;left:0; width:100%; background:#F00;}&/style&&!--[if IE 6]& &style type="text/css"&html{overflow:}body{height:100%;overflow:}#glideDiv0{position:}&/style&&![endif]--&&/head&&body&&div id="wrap_outer"&&br/&&br/&固定Div,且scroll时Div不闪动。&br/&&br/&aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa&br/&&br/&aaaa11&/div&&div id="glideDiv0"&固定顶部不动&/div&&/body&&/html&
TA的最新馆藏本帖子已过去太久远了，不再提供回复功能。1160人阅读
web前端（8）
1、position
div中的style属性中的一个关键字，表明了该div所在的位置以及位置本身的属性。
position有四个值可选：static，absolute，fixed，relative。
若要使得div相对于浏览器窗口固定，即不随滚动条的变化而上下移动，可以用fixed属性。最近比较忙，抽不出时间来具体的写详细用法，具体的用法见：
还有一点要指出的是：我用bootstrap3开发的界面，本来一行分为12个栅格，但是如果使用了fixed属性，会破坏bootstrap3中设定的栅格的格式，所以，为了在界面上达到想要的效果，就要结合js去设置div的高度、宽度、内边距padding、外边距margin等。
2、js获得当前窗口的高度和宽度
高度可以用$(window).height()获得，宽度可以用$(window).width()获得。这里的高度、宽度指的是当前浏览器窗口的大小。
对于获得div的高度和宽度，用var height = document.getElementById(&divId&).offsetH
var width = document.getElementById(&divId&).offsetW
设置div的高度：document.getElementById(&divId&).height =
document.getElementById(&divId&).width =
3、div置于最前面，即div之间的覆盖问题
style属性中有一个&z-index&关键字，可以设定多个div之间的覆盖关系。数值越大，表示越在上层。
4、div的透明设置
还是style属性中的&opacity&关键字。范围从0~1。0表示全透明，1表示不透明。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：21743次
排名：千里之外
原创：77篇
(1)(2)(1)(14)(42)(1)(3)(1)(5)(7)(1)(1)}