Как убрать бегунок у скрола ?

ЗАКРЫТО InstantCMS 2.X
#1 18 октября 2021 в 20:08

Для мобильной адаптации делаю категории скрол горизонтальный

overflow-x: scroll;
white-space: nowrap;

Появляется такой бегунокИзображение

как его скрыть? или может кто другим css поделится для этой задачи?

#2 18 октября 2021 в 20:26

Для мобильной адаптации делаю категории скрол горизонтальный

overflow-x: scroll;
white-space: nowrap;

Появляется такой бегунокИзображение

как его скрыть? или может кто другим css поделится для этой задачи?

Happy

Попробуйте добавить что-то вроде:

  1. ::-webkit-scrollbar {
  2. width: 0;
  3. }

Или:

  1. ::-webkit-scrollbar {
  2. opacity: 0;
  3. }
#3 18 октября 2021 в 21:07

Для мобильной адаптации делаю категории скрол горизонтальный

overflow-x: scroll;
white-space: nowrap;

Появляется такой бегунокИзображение

как его скрыть? или может кто другим css поделится для этой задачи?

Happy

Попробуйте добавить что-то вроде:

  1. ::-webkit-scrollbar {
  2. width: 0;
  3. }

Или:

  1. ::-webkit-scrollbar {
  2. opacity: 0;
  3. }
SpideR

не помогло :(

Добавлено спустя 10 минут

Решил :

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

#4 19 октября 2021 в 08:10

Для мобильной адаптации делаю категории скрол горизонтальный

overflow-x: scroll;
white-space: nowrap;

Появляется такой бегунокИзображение

как его скрыть? или может кто другим css поделится для этой задачи?

Happy

Попробуйте добавить что-то вроде:

  1. ::-webkit-scrollbar {
  2. width: 0;
  3. }

Или:

  1. ::-webkit-scrollbar {
  2. opacity: 0;
  3. }
SpideR

не помогло :(

Решил :

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

Happy

Совсем забыл уже про это правило. 😁

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.