assignment_late
为什么捐赠
travel_explore
API 资源管理器
view_quilt
布局和网格
部件
Vue 组件
Ajax 栏
头像
徽章
横幅
栏
面包屑
卡片 (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)
分页
视差
弹出编辑
弹出代理
下拉刷新
评分
响应式
滚动区域
分隔符
骨架屏
幻灯片项目
幻灯片过渡
间隔
加载动画
分割器
步进器
表格
选项卡
选项卡面板
时间线
工具栏
工具提示
树形控件
上传器
视频
虚拟滚动
QInfiniteScroll 组件允许您在用户滚动页面时加载新内容。
正在加载 QInfiniteScroll API...
用法
提示
当剩余可见像素少于 offset
(默认值 = 500)时,无限滚动会预先加载项目。如果您获取的内容高度小于屏幕上滚动目标容器的高度,则无限滚动将继续加载更多内容。因此,请确保您加载了足够的内容。
提示
在您的 @load
函数中,请不要忘记在加载完更多数据后调用传入的 done()
函数。
滚动到底部以查看 QInfiniteScroll 的实际效果。
基本用法
自定义滚动目标容器
反向(消息风格)
提示
滚动容器
请阅读 此处,了解 Quasar 如何确定要附加滚动事件的容器。
- 最适合作为渲染页面 Vue 组件的直接子元素放置
- 如果更改此组件的父元素,请不要忘记在 QInfiniteScroll Vue 引用上调用
updateScrollTarget()
。 - 如果您需要指定滚动目标内部元素(因为自动检测到的元素不是所需的元素),请在
scroll-target
属性中传递 CSS 选择器(作为字符串)或 DOM 元素
警告
如果您使用 scroll-target
属性传递自定义滚动目标容器,则必须确保该元素存在并且可以溢出(它必须具有最大高度和允许滚动的溢出)。
如果滚动目标容器无法溢出,您将遇到无限加载的情况。
在 QMenu 中使用
准备了解更多?
发现错误?在浏览器中编辑此页面
1. 简介
2. QInfiniteScroll API
3. 用法
3.1. 提示
版权所有 © 2015-至今 PULSARDEV SRL,Razvan Stoenescu
此网站与 Dreamonkey Srl 合作设计