用户名:匿名用户
可用的方法比较多,比较常见的是使用CSS。
1红成各刚、使用CSS
CSS让DIV固**置不随滚动条而滚动,f认几创来保因象乙磁ixed元素的绝对位置是相对于h**TML元素来说,滚动条是body元素的。
(1)我们需要做的是,让body保持其原有高度,让html只有一个窗口那么高。代码我们可以这样写:
html{overflow:hidden;}
(2)我们可以利用绝对**来**我们想要固定在窗口某个位置的模块。假设我们要固定的内容在右上。
html{ov量际高确妈东误erflow:hidden;}
(3)页面由左侧菜单和右侧主体内容构成,右侧内容可能会很多,会出现翻屏。现在是要无论页面怎么翻屏滚动,左侧的菜单始终在左侧。请看CSS解决方案。
#site_n**{position:fixed;width:160px;padding:6px10px;height:100%;
(4)我设置左侧div#site_n**的样式,将其位置固定,即position:fixed,并且设置固定宽度,高度为100%,为了区分右侧内容,我设置了背景颜色background:#ffc。
接着,我将内容部分div#content设置其padding值,注意关键是padding送-left:190px,只有大于左侧菜单宽度的padding值,才能使右侧主体内容部分不会与左侧菜单重叠。
2、不使用JS:
无标题文档
ul{
margin:0;
padding:0;}
li{
list-style-type:none迅;float:left;margin-left:1困子增迫0px;line-height:30px;}
sd
dsda
dsa
3、
分析朝垂比维游核定象弦括都:
1、html,body:将默认可能会随机出几均粮离优督断电群现的滚动条,完全地隐藏市落雷了,这样不管您放了啥内容,它弱站菜适定苗们都不会出来了。
2、.virtual_body:顾名思义,就是一个假的body了,它被设置为长宽都为100%的,意思就是它利巴物没游判专盐采纪水用了所有可视的浏览器窗体显示所有的内容,并垂直允许出现滚动条。
3、.fixed_div:这下它可以利用绝对值进行**了,因为在这个场景下,这个页面100%地被那个假冒的body给独霸了,而滚动条反正也出不来,您就可以自认为是在某个点蹲坑了,绝对安全。