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

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

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

Появляется такой бегунок

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

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

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

Появляется такой бегунок

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

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

::-webkit-scrollbar {
  width: 0;
}

Или:

::-webkit-scrollbar {
  opacity: 0;
}

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

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

Появляется такой бегунок

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

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

::-webkit-scrollbar {
  width: 0;
}

Или:

::-webkit-scrollbar {
  opacity: 0;
}

не помогло :(

Решил :

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

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

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

Появляется такой бегунок

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

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

::-webkit-scrollbar {
  width: 0;
}

Или:

::-webkit-scrollbar {
  opacity: 0;
}

не помогло :(

Решил :

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

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