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

Question

enter image description here

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

Answer 1

你想要什么是不可能的，因为滚动是一个原生 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。