Могу ли я настроить горизонтальное положение полосы прокрутки? - PullRequest
Новая
       22

Могу ли я настроить горизонтальное положение полосы прокрутки?

1 голос
/ 29 марта 2019

Я использую компонент таблицы.Высота содержимого больше, чем высота таблицы.Так что мне нужна полоса прокрутки.

Но компонент таблицы взят из фреймворка с открытым исходным кодом, ant-design.Поэтому я не могу изменить код напрямую.

На следующем рисунке я хочу переместить полосу прокрутки в таблицу, то есть немного переместить полосу прокрутки влево.

two muppets

::-webkit-scrollbar {
    position: relative;
    left:-10px;
}

Я использовал свойство position.Но это не сработало.Поиск в Google также отсутствует.

Вот пример кода codepen: https://codepen.io/anon/pen/eXqqqb Итак, каково решение для перемещения полосы прокрутки немного влево?

1 Ответ

2 голосов
/ 29 марта 2019 

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: grey; 
  border-radius: 10px;
}
.list_container {
    overflow:auto;
    height: 50px;
    width: 40px;
  }
<div class="list_container">
  <div class="item_direction">1</div>
  <div class="item_direction">2</div>
  <div class="item_direction">3</div>
  <div class="item_direction">4</div>
  <div class="item_direction">5</div>
  <div class="item_direction">6</div>
  <div class="item_direction">7</div>
  <div class="item_direction">8</div>
  <div class="item_direction">9</div>
  <div class="item_direction">10</div>
  <div class="item_direction">11</div>
  <div class="item_direction">12</div>
</div>

Так что я отредактировал свой ответ. это работает для divs.

...