I need to hide all scrollbars in my web application in the latest Safari (iOS 11.1.2). They must be hidden even by scrolling.
Scrollable elements have -webkit-overflow-scrolling set to 'touch' in order to make reading of long lists and content comfortable.
To hide scrollbars, I tried to apply the following rules to scrollable elements:
.element::-webkit-scrollbar {
display: none;
}
or
.element::-webkit-scrollbar {
-webkit-appearance: none;
}
or the combination of it. But it had no effect.
Is it possible to hide scrollbars under this conditions?
Or the only way is to hide the scrollbars using the known hack by giving a negative margin-right value to element's container?