删除垂直和水平滚动条的空间

Question

enter image description here

从垂直和水平滚动条删除框空间

Answer 1

您不可能想要什么，因为scroll是本机ui。但是，如果使用JS制作自己的滚动条，显然是可能的。

这是我可以通过CSS获得的最接近的

.case-1 .wrapper{
  width: 100px;
  height: 100px;
  overflow: auto; 
}
.case-1 .wrapper .something{
  width: 200px;
  height: 200px;
  background-color: hotpink;
}
.case-2 .wrapper{
  width: 100px;
  height: 100px;
  overflow-y: auto;
}
.case-2 .wrapper-inner{
  overflow-x: auto;
}
.case-2 .wrapper .wrapper-inner .something{
  width: 200px;
  height: 200px;
  background-color: hotpink;
}

body{
  display: flex;
  margin: 0;
  font-family: sans-serif;
}
.case{
  margin: 20px;
}

<div class="case-1 case">
  <h4>Normal</h4>
  <div class="wrapper">
    <div class="something"></div>
  </div>
</div>
<div class="case-2 case">
  <h4>Desired</h4>
  <div class="wrapper">
    <div class="wrapper-inner">
      <div class="something"></div>
    </div>
  </div>
</div>

Answer 2

您可以尝试使用属性overflow。 overflow-x属性控制是否水平显示块元素的内容，垂直显示overflow-y的内容。