Посмотри пример работающего кода
https://codepen.io/colinlord/pen/oZNoOO
Всё работает. Только проблема: нельзя колёсиком мыши скролить.
На компе можно только: кликнуть по элементам и курсорами на клавиатуре скролить.
Проблема из-за того,что там скрывается скролл насильно (см. раздел "Полосы прокрутки" в статье)
HTML:
.scrolling-wrapper::-webkit-scrollbar {
display: none;
}
.scrolling-wrapper-flexbox::-webkit-scrollbar {
display: none;
}
Эта статья скорее для мобильных версий сайта. Чтобы проверить как работает touch необходимо в хроме открыть консоль разработчика (F12) и там нажать на эмуляцию устройств
После чего выбрать любое мобильное устройство
Чтобы было удобнее разбирать понять - вынес примеры отдельно и на чистом CSS, всё работает как надо на компе, без скрытия скролла:
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
jsfiddle.net
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
jsfiddle.net