滚动区域

ScrollArea组件通过封装内容提供了一种自定义滚动条的巧妙方法。 可以将其视为具有 overflow: auto的DOM元素,但具有自己的自定义样式滚动条(而不是浏览器的默认滚动条)和顶部的一些不错的功能。

这对于桌面设备尤其有用,因为滚动条隐藏在移动设备上。 在移动设备上时,QScrollArea只是将内容包裹在为默认移动浏览器滚动配置的<div>中——因此,没有QScrollArea功能适用于此类设备。

安装

/*
 * No installation step is necessary.
 * It gets installed by default by @quasar/app v2+.
 */

用法

最好在桌面设备上查看以下示例,因为它们在移动设备上意义不大。

TIP

您也可以看看布局侧滑菜单,以了解更多有关其操作的示例。

基础

Basic

样式化

Styled
Styled thumb and bar

控制滚动条可见性

当使用visible布尔属性时,默认的鼠标悬停/离开行为被禁用,从而使您可以完全控制滚动条的可见性。

Controlling scrollbar visibility

延迟

内容更改时,滚动条出现,然后再次消失。 您可以在滚动条再次消失之前(如果组件未悬停)设置一个特定的延迟(以毫秒为单位的时间):

Delay

滚动位置

Scroll Position

水平模式

Horizontal mode

QScrollArea API

Loading API...
Please wait...