当前位置： 首页 > news >正文

mescroll 在uni-app 运行的下拉刷新和上拉加载的组件

news 来源：原创 2024/5/20 12:16:38

官网传送门: https://www.mescroll.com/uni.html

最近使用到了mescroll 但是一直都是整个页面的滚动,

最近需求有需要局部滚动, 收藏了一个博主的文章觉得写的还挺好,
传送门: https://blog.csdn.net/Minions_Fatman/article/details/134754926?spm=1001.2014.3001.5506

使用总结

  1. 如果使用到的是mescroll-body 在给它设置局部滚动的时候,需要设置top bottom属性来控制,但是在设置之后 他的top和bottom的距离撑开会占据位置,在top和bottom范围内的内容可以选择定位的方式来处理(可以理解为给了上下的margin)
  2. 如果使用的mescroll-uni在设置top和bottom的时候.top和bottom则不会占据空间,但是需要计算出相关的距离 来设置合适的top和bottom值(可以理解为fixed定位之后top和bottom值)
  3. 相比之下我更偏向于使用第三种 第三种方法就是使用mescroll-uni 像我所转载的文章内容所描述一样, 设置:fixed=‘fasle’ 就可以组件滚动条滚动区域的高度由父盒子的高度来决定 不用计算top和bottom的值 可能我用的比较少暂时也没有出现明显的问题

相关文章：

  • 【Visual Studio】技巧 ：自动与活动文档同步
  • 计算机设计大赛 深度学习动物识别 - 卷积神经网络 机器视觉 图像识别
  • 虚拟机器centos7无法识别yum 命令异常处理笔记
  • 普中51单片机学习（七）
  • Autosar-Mcal配置详解-GPT
  • java 课程签到管理系统Myeclipse开发mysql数据库web结构jsp编程servlet计算机网页项目
  • IP协议及相关技术协议
  • Git基本指令
  • 如何将OpenAI Sora生成的普通AI视频转化为Vision Pro的空间视频，沉浸式体验
  • Java入门-可重入锁
  • fish终端下conda activate失败
  • Web应用程序的自动测试工具WebDriver简介
  • vulfocus靶场搭建
  • 1 Nacos数据持久化方式
  • Linux：docker搭建redis集群（3主3从扩容缩容 哈希槽分配）
  • (三)从jvm层面了解线程的启动和停止
  • axios 和 cookie 的那些事
  • Git学习与使用心得（1）—— 初始化
  • HTTP--网络协议分层，http历史(二)
  • JavaScript设计模式之工厂模式
  • Java知识点总结（JDBC-连接步骤及CRUD）
  • magento2项目上线注意事项
  • niucms就是以城市为分割单位，在上面 小区/乡村/同城论坛+58+团购
  • PHP变量
  • Python学习笔记 字符串拼接
  • 高性能JavaScript阅读简记（三）
  • 规范化安全开发 KOA 手脚架
  • 基于阿里云移动推送的移动应用推送模式最佳实践
  • 漫谈开发设计中的一些“原则”及“设计哲学”
  • 如何借助 NoSQL 提高 JPA 应用性能
  • 如何使用 OAuth 2.0 将 LinkedIn 集成入 iOS 应用
  • 一些css基础学习笔记
  • 用jQuery怎么做到前后端分离
  • 转载：[译] 内容加速黑科技趣谈
  • 阿里云API、SDK和CLI应用实践方案
  • ​ 轻量应用服务器：亚马逊云科技打造全球领先的云计算解决方案
  • ​比特币大跌的 2 个原因
  • #NOIP 2014#day.2 T1 无限网络发射器选址
  • #pragma pack(1)
  • #使用清华镜像源 安装/更新 指定版本tensorflow
  • (done) ROC曲线 和 AUC值 分别是什么？
  • （Matalb时序预测）WOA-BP鲸鱼算法优化BP神经网络的多维时序回归预测
  • (webRTC、RecordRTC):navigator.mediaDevices undefined
  • （二）hibernate配置管理
  • （二）JAVA使用POI操作excel
  • （附源码）python房屋租赁管理系统 毕业设计 745613
  • （附源码）spring boot基于Java的电影院售票与管理系统毕业设计 011449
  • (附源码)计算机毕业设计高校学生选课系统
  • （剑指Offer）面试题41：和为s的连续正数序列
  • (欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明
  • （转）es进行聚合操作时提示Fielddata is disabled on text fields by default
  • （转）PlayerPrefs在Windows下存到哪里去了？
  • .net core使用RPC方式进行高效的HTTP服务访问
  • .net 逐行读取大文本文件_如何使用 Java 灵活读取 Excel 内容 ？
  • ::前边啥也没有