assignment_late
为什么捐赠
travel_explore
API 浏览器
widgets
Vue 组件
Ajax Bar Ajax 进度条
Avatar 头像
Badge 徽标
Banner 横幅
Bar 工具栏
Breadcrumbs 面包屑
Card 卡片
Carousel 轮播
Chat Message 聊天消息
Chip 纸片
Circular Progress 环形进度条
Color Picker 颜色选择器
Dialog 对话框
Editor WYSIWYG 编辑器
Expansion Item 展开项
Floating Action Button 浮动操作按钮
Icon 图标
Img 图片
Infinite Scroll 无限滚动
Inner Loading 内部加载
Intersection 交叉观察
Knob 旋钮
Linear Progress 线性进度条
List & List Items 列表与列表项
Markup Table 标记表格
Menu 菜单
No SSR
Observers 观察者
Pagination 分页
Parallax 视差
Popup Edit 弹出编辑
Popup Proxy 弹出代理
Pull to Refresh 下拉刷新
Rating 评分
Responsive 响应式
Scroll Area 滚动区域
Separator 分隔线
Skeleton 骨架屏
Slide Item 滑动项
Slide Transition 滑动过渡
Space 间隔
Spinners 加载动画
Splitter 分割面板
Stepper 步骤条
Table 表格
Tabs 标签页
Tab Panels 标签面板
Timeline 时间线
Toolbar 工具栏
Tooltip 提示框
Tree 树形控件
Uploader 上传器
Video 视频
Virtual Scroll 虚拟滚动
alternate_email
联系站长
QScrollArea 组件通过封装您的内容,提供了一种自定义滚动条的简洁方法。可以将其视为具有 overflow: auto 的 DOM 元素,但使用您自己的自定义样式滚动条代替浏览器的默认滚动条,并在此基础上提供一些不错的功能。
QScrollArea API
正在加载 QScrollArea API...
用法
以下示例最好在桌面设备上查看,因为在移动设备上意义不大。
TIP
您还可以查看布局抽屉以查看更多实际应用的示例。
基础用法
垂直内容
水平内容
垂直和水平内容
样式定制
自定义滑块和滚动条
样式定制
暗色设计
强制暗色模式
控制滚动条可见性
当使用 visible 布尔属性时,默认的鼠标悬停/离开行为被禁用,让您完全控制滚动条的可见性。
控制滚动条可见性
延迟
当内容变化时,滚动条会出现然后再次消失。您可以设置一定的延迟(以毫秒为单位的时间)来控制滚动条在消失前的显示时间(如果组件未被悬停):
延迟
滚动位置
滚动位置
滚动事件
下面是使用 @scroll 事件在两个容器之间同步滚动的示例。
同步滚动
发现错误?在浏览器中编辑此页
1. Introduction
2. QScrollArea API
3. QScrollArea API
4. 用法
4.1. 基础用法
4.2. 样式定制
4.3. 暗色设计
4.4. 控制滚动条可见性
4.5. 延迟
4.6. 滚动位置
4.7. 滚动事件