luiguild / v-bar

The virtual responsive crossbrowser scrollbar component for VueJS 2x
MIT License
222 stars 28 forks source link

Scrollbar not moving on mobile #4

Closed Donkfather closed 7 years ago

Donkfather commented 7 years ago

Hi, in the demo the scrollbar is not moving. Samsung S4 with Chrome

appinteractive commented 7 years ago

Same on iPhone with safari. Seams you are using the wrong events here.

breadlesscode commented 7 years ago

Same Android 6 - Chrome. Elephone C1.

luiguild commented 7 years ago

You can understand more about it on #2

romandrahan commented 7 years ago

@luiguild, @Donkfather, @appinteractive, @breadlesscode, as a workaround we can just hide v-bar's scrollbars when screen is touch:

@media (pointer: coarse) {
    .bar--vertical, .bar--horizontal
        display: none;
}
luiguild commented 7 years ago

IMHO VBar is not focused on mobile cases... We don't have the same scroll problem on mobile browsers like in desktop cases... I don't maked this component thinkin in mobile apps... All mobile Browsers (Firefox, Chrome, Safari, Opera and others) already resolved the scroll bar design problem... I recommend that you create this media query to hide the component bars... I will plan make this by default in the next version...