隐藏滚动条

时间:2016-08-11 08:56:10

标签: html css

有没有办法隐藏(它不应该在屏幕上显示)垂直和水平滚动条,只有在发生溢出时才能看到它们?

1 个答案:

答案 0 :(得分:0)

在您的Css ParantDiv类上尝试此OverFlow Auto 当溢出发生时,滚动条在隐藏模式下可见。

.main{
  width:100%;
  height:100px;
  overflow:auto;
  border:1px solid;
}
.content{
height:100%;
width:100%;
}
<div class="main">
<div class="content">
  <h1>Content Here</h1>
  <h1>Content Here</h1>
  <h1>Content Here</h1>
  <h1>Content Here</h1>
  <h1>Content Here</h1>
  <h1>Content Here</h1>
  <h1>Content Here</h1>
  <h1>Content Here</h1>
  <h1>Content Here</h1>
  </div>
</div>