mescroll 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
mescroll 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
mescroll 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
mescroll 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
mescroll 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !

软件简介

mescroll

精致的下拉刷新和上拉加载 js框架。支持vue,完美运行于移动端和主流PC浏览器 (JS framework for pull-refresh and pull-up-loading)。

  1. 原生js, 支持vue, 不依赖jquery,zepto

  2. 一套代码多端运行. 完美运行于android,iOS,手机浏览器,兼容PC主流浏览器

  3. 参数自由搭配, 随心定制, 轻松拓展

  4. 超详细注释,读懂源码 so easy

  5. 主流APP案例, 丰富经典

功能亮点 :

  1. 自动判断和提示列表无任何数据或无更多数据

  2. 支持监听列表滚动事件,无需手动判断处理列表的页码,时间等变量

  3. 可指定列表滚动到任何位置,附带平滑效果一键滚动到顶部或底部

  4. 可配置列表数据不满屏时,自动加载下一页

  5. 一个界面可支持多个下拉刷新,上拉加载

  6. 可临时锁定下拉刷新和上拉加载

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表于大前端专区
02/01 22:31

mescroll高性能的下拉刷新上拉加载组件

精致的高性能的下拉刷新上拉加载组件 mescroll --【wxs+renderjs实现】高性能的下拉刷新上拉加载组件 mescroll的uni版本 是专门用在uni-app的下拉刷新和上拉加载的组件, 支持一套代码编译到iOS、Android、H5、小程序等多个平台 1、mescroll的uni版本 继承了mescroll.js的实用功能: 自动处理分页, 自动控制无数据, 空布局提示, 回到顶部按钮 … 2、mescroll的uni版本 丰富的案例, 自由灵活的api, 超详细的注释, 可让您快速自定义...

0
0
发表于大前端专区
02/01 22:40

mescroll高性能的下拉刷新上拉加载组件

## 精致的高性能的下拉刷新上拉加载组件 ![](https://img-blog.csdnimg.cn/20210201223143702.png) ![](https://img-blog.csdnimg.cn/20210201223143980.png) ![](https://img-blog.csdnimg.cn/20210201223144216.png) #### mescroll --【wxs+renderjs实现】高性能的下拉刷新上拉加载组件 mescroll的uni版本 是专门用在uni-app的下拉刷新和上拉加载的组件, 支持一套代码编译到iOS、Android、H5、小程序等多个平台 1、mescroll的...

0
0
发表了博客
2018/08/21 23:54

使用mescroll实现上拉加载与下拉刷新

  现在上拉加载与下拉刷新几乎已经是移动端必备功能之一了,自己实现一个太麻烦,但是好用的插件又非常少。之前看到网上很多人都在用iScroll,于是也尝试用它做了几个DEMO,但或多或少都有一些问题,比如这个插件缺少暂停/恢复滚动的功能,数据不满一页时上拉有问题,等等。官方也没有提供相应的例子,加上配置项非常多,作者也不维护了,最后只好放弃研究。后来偶然发现了mescroll这个框架,并且官网提供的例子非常丰富,比较...

0
0
发表了博客
2019/02/28 15:47

mescroll在vue中的应用

1.npm install --save mescroll.js 2. <template> <div> <!--全部--> <mescroll-vue ref="mescroll0" v-show="tabType==0" :down="getMescrollDown(0)" :up="getMescrollUp(0)" @init="mescrollInit0" > <ul id="dataList0"> <li class="data-li" v-for="pd in tab0.list" :key="pd.id"> <img class="pd-img" :src="pd.pdImg"> <...

0
0
发表了博客
2019/10/29 19:30

vue的mescroll搜索运用以及各种填坑处理

父组件处理: 1 <template> 2 <div class="wrap"> 3 <!-- 搜索框 --> 4 <div class="searchInputArea"> 5 <div class="searchBarBox"> 6 <div class="inputWrap" > 7 <form onsubmit="javascript:return false" action> 8 <input :placeholder = "placeholderStr" type="sea...

0
0
发表了博客
2020/08/01 13:33

mescroll使用时,导致其他水平滑动样式失效(不能水平滑动)的解决办法

我要的效果: 但是界面中引入了mescroll后,横向滚动就失效。 第一次碰到这个问题: 原因: 比如你希望顶部导航菜单 class="nav-top"的div 可接收touchmove事件, 则class="nav-top mescroll-touch" 如果添加mescroll-touch-x 则可水平滑动 ; 如果添加mescroll-touch-y 则可上下滑动 官网表述文档: http://www.mescroll.com/qa.html?v=66#q10...

0
0
发表了博客
2018/04/08 18:09

mescroll.js下拉刷新使用时应该注意的问题(卡顿情况,有时候会拉不动)

在iOS的微信,QQ,Safari等浏览器, 列表顶部下拉和底部上拉露出浏览器灰色背景, 卡顿2秒 ? 这个问题只存在 iOS 浏览器; android,PC是正常的; 原因是 iOS 自身的回弹效果导致的, 解决方法如下: 1. mescroll.min.css 和 mescroll.min.js 更新到1.3.0 版本 (所有版本都向下兼容,放心升级, 可通过输出mescroll.version检查是否升级成功) 2. 配置 up 的 isBounce 为 false, 禁止ios的回弹效果即可 注意: 配置 up 的 isBounce 为 false ...

0
0
发表了博客
2018/12/18 19:38

实现移动端上拉加载和下拉刷新的vue插件(mescroll.js)

<blockquote>做一个简单的移动端展示项目,后台分页后前端加载,实现上拉加载下一页,找了下,还是用这个mescroll.js插件好一点</blockquote> <h1>1.npm安装</h1> npm install --save mescroll.js //不要使用cnpm安装 <ul><li>导入(在哪个页面使用,则在哪个页面导入(这里的话,我使用全局导入会出现问题,若有错,还请大家指出,暂时想到的就是局部引入)):</li></ul> import MescrollVue from ‘mescroll.js/mescroll.vue’ ...

0
0
发表了博客
2019/12/05 16:19

移动端列表,点击某条记录,进入详情页,返回时定位在刚才点击的位置

在移动web开发过程中,遇到这样一个问题:返回父页面时,父页面会自动刷新。这个机制在某种场景下很好用,但在列表页与详情页之间跳转时就会导致一个很不好的用户体验。那就是详情页回到列表页时会导致页面刷新,列表页又重置为第一页的数据。 要解决这个问题,第一时间想到的就是有没有方法禁用掉浏览器自身的刷新机制,把刷新禁用了,从详情页返回列表页自然就停留在之前访问的位置了。可惜百度了一番,暂未查到如何禁用浏览器...

1
1
发表于大前端专区
2018/12/26 18:16

下拉刷新等移动端特效资料

.[dropload](https://github.com/ximan/dropload "dropload") [dropload.js(上拉加载插件使用过程中遇到的坑)](https://www.cnblogs.com/tu-0718/p/7459909.html "dropload.js(上拉加载插件使用过程中遇到的坑)") [mescroll](http://www.mescroll.com/index.html "mescroll") [listloading 一个移动端的上拉、下拉加载更多的组件](https://segmentfault.com/a/1190000006222543 "listloading 一个移动端的上拉、下拉加载更多...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
13 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部