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
联系站长
QInfiniteScroll 组件可以在用户滚动页面时加载新内容。
正在加载 QInfiniteScroll API...
TIP
当剩下的像素少于 offset(默认值 = 500)像素时,无限滚动会提前加载新内容。如果您获取的内容的高度小于滚动目标容器在屏幕上的高度,则无限滚动将继续加载更多内容。 因此,请确保您加载了足够的内容
TIP
在您的 @load 函数中,完成数据加载后,请不要忘记调用传入的 done() 函数。
滚动到底部以查看 QInfiniteScroll 的功能。
基础
自定义滚动的目标元素
反向(消息风格)
TIP
提示:
滚动容器
关于 Quasar 如何决定滚动事件附加的目标容器,请阅读这里。
- 当作为渲染页面的 Vue 组件的直接子元素时效果最佳
- 如果更改了此组件的父元素,请不要忘记在 QInfiniteScroll 的 Vue 引用上调用
updateScrollTarget()。 - 如果您需要指定滚动目标内部的某个元素(因为自动检测到的不是所需的元素),请在
scroll-target属性中传递目标的 CSS 选择器(作为字符串)或 DOM 元素
WARNING
如果您使用了 scroll-target 属性来自定义滚动目标容器,那么必须确保此元素存在且可以溢出(他必须具有最大高度允许滚动溢出)。
如果滚动目标容器无法溢出,则会出现永久加载的情况。
在 QMenu 中使用
发现错误?在浏览器中编辑此页
1. Introduction
2. QInfiniteScroll API