Skip to content

无限滚动

场景:常见于移动端列表上拉加载下拉刷新实现

在移动端长列表,提升性能,体验时

上拉加载(无限滚动)

1.滚动事件监听 2.判断当前是否到达底部 3.触发回调加载数据

下拉刷新

  1. 监听触摸事件
  2. 显示刷新的指示器,显示有没有达到阈值
  3. 触发刷新操作

考虑的点

  • 性能优化:节流防抖
  • 懒加载
  • 用户体验,视觉反馈
  • 平滑动画
  • 错误处理

兼容性:

  • 触摸事件
  • css hack

苏ICP备2025160170号-1 | 前端进化之路 | Released under the MIT License.