怎么让页面不显示滚动条但某个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个回答  2017-04-10

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>

本回答被提问者采纳
相似回答