Горизонтальная прокрутка

sergei1980

Новичок
Регистрация
07.11.2016
Сообщения
5
Вот статья на сайт
Для просмотра ссылки необходимо: Войти или Регистрацияесли там полностью скопировать код, то это точно не работает, более того он очень странен .

может кто то помочь разобраться что хотел донести автор в своем коде.
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 034
Посмотри пример работающего кода
Для просмотра ссылки необходимо: Войти или Регистрация
Всё работает. Только проблема: нельзя колёсиком мыши скролить.
На компе можно только: кликнуть по элементам и курсорами на клавиатуре скролить.
Проблема из-за того,что там скрывается скролл насильно (см. раздел "Полосы прокрутки" в статье)
HTML:
.scrolling-wrapper::-webkit-scrollbar {
    display: none;
  }
.scrolling-wrapper-flexbox::-webkit-scrollbar {
    display: none;
}
Эта статья скорее для мобильных версий сайта. Чтобы проверить как работает touch необходимо в хроме открыть консоль разработчика (F12) и там нажать на эмуляцию устройств
1595247836575.png

После чего выбрать любое мобильное устройство
1595247875369.png


Чтобы было удобнее разбирать понять - вынес примеры отдельно и на чистом CSS, всё работает как надо на компе, без скрытия скролла:
 
Верх Низ