Убрать пробел из вертикальной и горизонтальной полосы прокрутки

Question

введите описание изображения здесь

Убрать поле из вертикальной и горизонтальной полосы прокрутки

Answer 1

То, что вы хотите, не возможно, потому что свиток является родным интерфейсом. Однако это очевидно возможно, если вы сделаете свою собственную полосу прокрутки, используя 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-x определяет, будет ли содержимое элемента блока отображаться горизонтально и overflow-y вертикально.