怎么固定div不随滚动条滚动(如何让div出现垂直滚动条)

如何让DIV固定在页面而不随着滚动条随意滚动

你可以对div设置css属性，相对于页面定位：

position:fixed;

position属性再搭配top、bottom、right、left确定div位于页面的具体位置，比如：

top:10px; right:20px;

另外，因为div是相对与页面定位，在滚动条滚动时，其他的html元素可能因为在它之上而将它遮挡上（如果你的这个div先写的，后又写很多div什么的，就可能将它压载下面看不到了），如果希望这个div一直保持可见（也就是在最上层），可以再设置属性z-index：

z-index：999； //数值大就在上面

希望对你有帮助。

html 如何让一个表的前几列固定，不随着滚动条移动？

1、首先新建一个web项目，主要用到了html文件和css文件。

2、然后在html文件中，有图中的代码，引入css文件和设置一个div标签。

3、然后这里是css样式文件，主要看图中红框中内容，使用fixed定位方式。

4、运行项目后，可以看到div在右下角（为了模拟这里的body高度设置很高，足够滚动条下拉到底部的）。

5、然后滑动滚动条，即使到达底部后，div的位置依旧没有修改，就完成了。

如何让div滚动时页面不跟着滚动？

滚动条是容器所固有的，不管是外面的滚动条，还是里面的滚动条，只要让固定的div和body或者html容器脱离关系，即可实现DIV固定在页面而不随着滚动条随意滚动。

1.html,body，将默认出现的滚动条，完全地隐藏，这样不管什么内容都不会出现了。

2.virtual_body，写一个假的body，设置它的长宽为100%，这样利用可视的浏览器窗体显示所有的内容，并垂直允许出现滚动条。

3.fixed_div，用它进行绝对值进行定位，因为在这个容器下，该页面100%的被假冒body覆盖了，滚动条自然也显示不出来了。

4.htmlhead title/title style type="text/css" html,body { overflow:hidden; margin:0px; width:100%; height:100%; } .virtual_body { width:100%; height:100%; overflow-y:scroll; overflow-x:auto; } 。

5.fixed_div { position:absolute; z-index:2008; bottom:20px; left:40px; width:800px; height:40px; border:1px solid red; background:#e5e5e5 }。

6./style/headbodydiv class="fixed_div"I am still here!/divdiv class="virtual_body" div style="height:888px;" I am content ! /div/div/body/html。

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

设置div为固定位置。如：

1

div style="width:100px; height:100px; border:1px solid red; position:fixed; left:300px; top:300px;"/div

这样就会固定在left:300px；top:300px;的位置，不会随着滚动条的滚动而滚动