zoukankan      html  css  js  c++  java
  • 上拉、下拉无限滚动组件-pc端

    场景:

    web项目,聊天记录历史搜索。需要支持上拉无限加载,下拉无限加载。

    目标:

    支持所需场景;可配置。

    难点:

    顶部无限滚动很麻烦,网上没找着好的解决方案。刚开始 顶部也想使用 IntersectionObserver 特性来做,但二次触发比较麻烦,后来改用监听 scroll 事件。问题又来了,滚动条一直处于顶部,无法保持原来的位置。

    本例解决方案是:利用 scrollIntoViewIfNeeded 特性,在组装列表完成后,手动调用,使其滚动到 原来的列表项位置。

    成品效果:

    凑合能用,O(∩_∩)O哈哈~

    代码:

    https://github.com/18946168254/scrollLoading-pc

  • 相关阅读:
    css优化总结
    几种常用的图片格式
    css布局总结
    第四章复习题
    4.9,4.10
    4.8
    4.7指针
    libffi
    代理模式
    Redis 汇总
  • 原文地址:https://www.cnblogs.com/fan-zha/p/11988459.html
Copyright © 2011-2022 走看看