Пользовательская полоса прокрутки поперечного обзора - PullRequest
Новая
       12

Пользовательская полоса прокрутки поперечного обзора

0 голосов
/ 27 сентября 2019

Я нашел следующий код, который позволяет мне «скрыть» полосу прокрутки, установив ширину / высоту 0 пикселей.Он отлично работает на Chrome, но не на Firefox.Я бы хотел, чтобы он работал и в других браузерах.

Есть ли способ заставить его работать или эквивалентно сделать полосу прокрутки с шириной 0 (и невидимой), чтобы она не занимала места в моем контейнере?

Обратите внимание, что я нашелспособ скрыть полосу прокрутки.Я не ставлю целью отключить его, как рекомендуется в других вопросах, используя overflow: hidden.Я хочу, чтобы это работало и в других браузерах.Вот что я хотел бы, чтобы вы мне помогли ...

Заранее спасибо за помощь этому новичку! 

.scrolling-div {
  overflow: auto;
}

::-webkit-scrollbar
{
  width: 0px;  /* for vertical scrollbars */
  height: 0px; /* for horizontal scrollbars */
}

::-moz-scrollbar {
  width: 0px;
  height: 0px;
}

1 Ответ

1 голос
/ 27 сентября 2019

Вот решение вопроса: 

// *** HIDING THE SCROLLBAR ***
// For Chrome, Safari, and Opera
.scrolling-div::-webkit-scrollbar {
  display: none;
}

// For Firefox
.scrolling-div {
  scrollbar-width: none;
};

// For Internet Explorer and Edge
.scrolling-div::-ms-scrollbar {
  overflow-style: none;
}
...