Как установить ширину наложения полосы прокрутки-y

Question

HI У меня вертикальная полоса прокрутки. потому что у меня есть иконки. А если иконки увеличиваются. вы больше не видите нижние значки. Поэтому я добавил полосу прокрутки. Но теперь полоса прокрутки нажимает половину значков. Значки больше не видны полностью.

так что это у меня как css:

#makelist {
  width: 250px;
  /* max-height: 100%; */
  max-width: 300px;
  scrollbar-width: 500px;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -210px;
  background-color: #91c7e1;
  transition: all 0.5s cubic-bezier(0.7, 0, 0, 0.8);
  z-index: 1;
  margin-top: 70px;
  overflow-y:overlay;
  height: 700px;
}

это html: "

<div id="makelist">
            <ul id="makelistul"></ul>
        </div>

Итак у меня вопрос: как сделать ширину полосы прокрутки шире?

Спасибо

Answer 1

Вы можете скрыть полосу прокрутки:

.element::-webkit-scrollbar {
  display: none;
}

Но это не лучшая практика, вы должны дать пользователю подсказку, что это прокручиваемый элемент, добавив тени или стрелки на концах элемента

Для кроссбраузерности добавьте также:

scrollbar-width: none;