div绝对定位后 浏览器没得滚动条
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了div绝对定位后 浏览器没得滚动条相关的知识，希望对你有一定的参考价值。
div 绝对定位后 怎么让浏览浏览器有滚动条
或者让浏览器的滚动条滚动指定div的内容
功能如http://price.pcauto.com.cn/tujie/sg7169/ 浏览器滚动条滚动的部分
第二步就给这个绝对定位的DIV加上这样的样式就可以了以下是样式参数
给绝对定位div加上css样式
overflow:auto;//超过你设定的高度自动出现滚动条
overflow:scroll;//始终出现滚动条
overflow-y:hidden; overflow-x:auto;//只有横向滚动条 (超过你设定的高度自动)
overflow-x:hidden; overflow-y:auto;//只有竖向滚动条 (超过你设定的高度自动)
示范1：<div style="overflow:auto;"></div>
示范2：<div style="overflow-x:hidden; overflow-y:auto;"></div>本回答被提问者和网友采纳
如何让div滚动时页面不跟着滚动？
参考技术A滚动条是容器所固有的，不管是外面的滚动条，还是里面的滚动条，只要让固定的div和body或者html容器脱离关系，即可实现DIV固定在页面而不随着滚动条随意滚动。
1.html,body，将默认出现的滚动条，完全地隐藏，这样不管什么内容都不会出现了。
2.virtual_body，写一个假的body，设置它的长宽为100%，这样利用可视的浏览器窗体显示所有的内容，并垂直允许出现滚动条。
3.fixed_div，用它进行绝对值进行定位，因为在这个容器下，该页面100%的被假冒body覆盖了，滚动条自然也显示不出来了。
4.<html><head> <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></head><body><div class="fixed_div">I am still here!</div><div class="virtual_body"> <div style="height:888px;"> I am content ! </div></div></body></html>。
以上是关于div绝对定位后 浏览器没得滚动条的主要内容，如果未能解决你的问题，请参考以下文章