怎么让页面不显示滚动条但某个DIV允许有滚动条
解决方法如下:
1,把body标签的样式(滚动条)禁用。
2,div标签的样式(滚动条)启用。
<html><head><style>body{ overflow:hidden;}.test{ width:100px; height:100px; overflow:auto;}</style></head><body><div class="test"> DIV内容区域,当内容超出该DIV范围时出现滚动条 DIV内容区域,当内容超出该DIV范围时出现滚动条 DIV内容区域,当内容超出该DIV范围时出现滚动条 DIV内容区域,当内容超出该DIV范围时出现滚动条 DIV内容区域,当内容超出该DIV范围时出现滚动条</div></body></html>。
固定滚动条的方法:
1、html,body:将默认出现的滚动条,完全地隐藏,这样不管什么内容都不会出现了。
2、virtual_body:写一个假的body,设置它的长宽为100%,这样利用可视的浏览器窗体显示所有的内容,并垂直允许出现滚动条。
3、fixed_div:用它进行绝对值进行定位,因为在这个容器下,该页面100%的被假冒body覆盖了,滚动条自然也显示不出来了。
1,把body标签的样式(滚动条)禁用
2,div标签的样式(滚动条)启用
<html>
<head>
<style>
body{
overflow:hidden;
}
.test{
width:100px;
height:100px;
overflow:auto;
}
</style>
</head>
<body>
<div class="test">
DIV内容区域,当内容超出该DIV范围时出现滚动条
DIV内容区域,当内容超出该DIV范围时出现滚动条
DIV内容区域,当内容超出该DIV范围时出现滚动条
DIV内容区域,当内容超出该DIV范围时出现滚动条
DIV内容区域,当内容超出该DIV范围时出现滚动条
</div>
</body>
</html>