Quasar offers a neat way of customizing the scrollbars with the help of QScrollArea component which can encapsulate your content. Think of it as a DOM element which has
overflow: auto, but with your own custom styled scrollbar instead of browser’s default one and a few nice features on top.
This is especially useful for desktop as scrollbars are hidden on a mobile device. When on a mobile device, QScrollArea simply wraps the content in a
<div> configured for default browser scrolling.
QScrollArea supports scrolling by user dragging the custom scrollbars or by using the mousewheel. If on a desktop that has a touch screen then scrolling will work with touch actions too.
||Object with CSS properties and values for styling the thumb of custom scrollbar.|
||Object with CSS properties and values for styling the container of QScrollArea.|
||Object with CSS properties and values for styling the container of QScrollArea when scroll area becomes active (is mouse hovered).|
||Number (in milliseconds, default is 1000) defining a delay before custom scrollbars become visible after mouse is hovering the container.|
||Set scroll position to an offset. If a duration (in milliseconds) is specified then the scroll is animated.|