前端实现瀑布流列表应该考虑的几点

前端实现瀑布流列表应该考虑的几点

随着移动设备性能的增强，“瀑布流H5”是移动端当前比较流行的一种产品形态，但是在实现过程中，特总结需要注意几点内容：

没有给出具体实现技术，可以交流。

1. 分页

• 分页方式
  • 根据page_size+page_num
  • 根据id+page_num

2. 列表状态

• 正常滚动状态
• 编辑状态

3. 动作

• 滚动
  • 滚动区域
    • 局部滚动
    • 全局滚动
    • 局部、全局相结合（参考支付宝首页）
  • 滚动动作/事件（回调）
    • 上拉
    • 下拉
    • 左滑
    • 右滑

4. 更新

• append/prepend
• 排序
• 内容修改
• 置顶/置底

5. 效果/动画

• 懒加载
• 删除
• 插入
• loading

原文地址：前端实现瀑布流列表应该考虑的几点