vue+mescroll=VScrollFull

VScrollFull 介绍

  • 这个组件是什么? 是为了方便的使用下拉刷新,上拉加载而去封装的一个依赖于 mescroll.js 的 vue 组件(未发布,文末代码~)
  • 封装这个组件使用了什么? mescroll.js vue.js
  • 封装这个组件的理由? 没有找到满意的 vue 下拉刷新组件,正在使用的上拉加载的组件使用也不够优雅,然后找到了 mescroll.js(可以去其官网案例一睹为快) 并简单封装了下使其能在 vue 项目中更方便的使用

效果演示 在线体验

下拉刷新+上拉加载

下拉刷新布局需要注意的是,若第一屏没有现实组件,则无法触发下拉刷新,滑动到滚动位置需要设置 position:fixed,急需要吸顶效果时才能使用下拉,好像没啥毛病~~~

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏IMWeb前端团队

优化 Webpack 构建结果

本文作者:IMWeb nixzheng 原文出处:IMWeb社区 未经同意,禁止转载 Webpack应该是当下流行度最广的JavaScript构建、打...

2359
来自专栏闻道于事

layui动态设置下拉框数据,根据后台数据设置选中

追加下拉框数据: 设置默认选中: 正常的判断这种情况是不行的,因为追加出的数据,在前台显示的并不是同一个下拉框,原来的下拉框被隐藏了 因此需要:根据原来的位置,...

61910
来自专栏一“技”之长

AppleWatch开发入门三——代码交互与控制器生命周期

        在前两篇博客中,讨论了关于watch开发中框架与界面布局相关,然而主要的逻辑,终究还是要通过代码来实现的,在我们创建了项目之后,就会生成Inte...

693
来自专栏React Native开发圈

React Native日期时间选择组件

date:设置初始显示的日期 mode:显示的模式,date,datetime,time format:设置日期格式,默认为'YYYY-MM-DD' confi...

1102
来自专栏张善友的专栏

Remoting: Server encountered an internal error

发生这个错误的原因是Remoting的一个配置项: <customErrors> 元素   指示此应用程序域中的服务器通道是否将经筛选的或完整的异常信息返回给本...

1877
来自专栏吴伟祥

java web项目修改favicon.ico图标的方式

修改tomcat小猫图标,设置项目的favicon图标,方式有两种:全局方式和局部方式

1414
来自专栏无原型不设计

【Mockplus教程】复制/克隆

复制是将页面复制到内存中,克隆是直接创建一个和原页面内容一样的新页面。 1. 复制 选中需要复制的页面,鼠标右键单击,弹出的菜单中选择“复制”, 然后在...

3083
来自专栏知晓程序

开发 | 手把手,教你为小程序添加「上传图片」功能

很多小程序都为用户提供图片上传功能。这时候,使用一些「对象存储」云服务,也许是最快、最经济的选择。

2362
来自专栏Debian社区

Debian 9.2 发布,大量问题修复

Debian 9.2 发布了。此次发布情况特殊,使用”apt-get“工具执行升级的用户将需要确保使用”dist-upgrade“命令,以便更新到最新的内核软件...

741
来自专栏DT乱“码”

微信小程序开发指引

官方文档教程1:http://bcoder.cn/wxopen/ 官方文档教程2:http://bing.aliaii.com/wxopen/  本文档将带你一...

44510

扫码关注云+社区