Как отключить скролл в мобильных устройствах?

Question

[Владимир]

Друзья, как отключить скролл на мобильных устройствах?
Проблема в том, что у меня установлен кастомный скролл, а на телефонах при свайпе за пределы сайта появляется дефолтный скролл, который мешает управлять кастомным, пока не пропадет.
Вот видео того, что проиходит
https://yadi.sk/i/IFGzN-j63ZPcNX

Comments

[Иван В]

Кастомный скролл на JS? Или стандартный скролл изменен с помощью CSS ?

[Владимир]

Кастомный скролл на JS.

[Иван В]

У главного слоя можно попробовать сделать свойство overflow:hidden;

Либо отключить JS-скролл (на том элементе где он сейчас). И сделать аналогичный по виду скролл в целом для страницы, но уже с помощью CSS

Пример такой кастомизации на CSS:

селектор::-webkit-scrollbar-track {
  border-radius: 4px;
}
селектор::-webkit-scrollbar {
  width: 6px;
}
селектор::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #a9b5d9;
}

P.S. Это все советы навскидку, чтобы точнее помочь, нужно видеть код.

[Владимир]

Иван В, Кастомный скролл на CSS в IE вообще не работает и это только частичная проверка, уверен, что во многих браузерах он будет отображаться не должным образом. Но за ответ спасибо!

Answer 1

[Андрей Суржиков]

Сделать враппер с owerflow:hidden (обычно кастомные скролы сами его делают)