怎么让DIV固定在页面的某个位置而不随着滚动条随意滚动？

时间：2021.08.20 发布人：yongkang85

已解决问题

谷歌yongkang85用户在2021.08.20提交了关于“沉默的真相怎么让DIV固定在页面的某个位置而不随着滚动条随意滚动？”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-08-26T20:35:10。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，我不知道说什么才好,除了谢谢！

希望以下的回答，能够帮助你。

用户名：匿名用户时间：来自:芝士回答

可用的方法比较多，比较常见的是使用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;}

dsda

dsa

3、

分析朝垂比维游核定象弦括都：

1、html,body：将默认可能会随机出几均粮离优督断电群现的滚动条，完全地隐藏市落雷了，这样不管您放了啥内容，它弱站菜适定苗们都不会出来了。

2、.virtual_body：顾名思义，就是一个假的body了，它被设置为长宽都为100%的，意思就是它利巴物没游判专盐采纪水用了所有可视的浏览器窗体显示所有的内容，并垂直允许出现滚动条。

3、.fixed_div：这下它可以利用绝对值进行**了，因为在这个场景下，这个页面100%地被那个假冒的body给独霸了，而滚动条反正也出不来，您就可以自认为是在某个点蹲坑了，绝对安全。