Я использую следующий код, чтобы скрыть вертикальную полосу прокрутки, но она также скрывает мою горизонтальную полосу прокрутки

html {
    overflow: scroll !important;
    overflow-x: hidden !important;
}

::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
0
theo

2 ответа

Используйте overflow: auto , чтобы автоматически добавлять полосу прокрутки, когда содержимое слишком велико, чтобы поместиться в div. Если вы хотите настроить только горизонтальную или вертикальную прокрутку, выберите overflow-x: auto или overflow-y: auto . Панель прокрутки не будет отображаться со значением auto , если содержимое легко помещается внутри родительского элемента div.

#container {
    background: wheat;
    width:200px;
    height:200px;
    overflow:hidden !important;
}
#col {
    position: relative;
    width:200px;
    height:200px;
    top:20px;
    left:20px;
    overflow:auto;
}
<!DOCTYPE html>
<html>

<head>
  <title>Title of the document</title>
</head>

<body>
  The content of the document......
  <div id="container">
    <div id="col">
      1<br> 2
      <br> 3
      <br> 4
      <br> 5
      <br> 6
      <br> 7
      <br> 8
      <br> 9
      <br> 10
      <br> 11
      <br> 12
      <br> 13
      <br> 14
      <br> 15
      <br> 16
      <br> 17
      <br> 18
      <br> 19
      <br> 20
      <br>
    </div>
  </div>
</body>

</html>

Примечание: - Вы должны применить прокрутку к определенному div, и этот пример демонстрирует хорошую демонстрацию для функциональности, которую вы хотите сделать.

58497267