首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
上拉加载下拉刷新
订阅
ofroad
更多收藏集
微信扫码分享
微信
新浪微博
QQ
19篇文章 · 0订阅
当 better-scroll 遇见 Vue
作者:滴滴公共前端 黄轶 在我们日常的移动端项目开发中,处理滚动列表是再常见不过的需求了。 以滴滴为例,可以是这样竖向滚动的列表,如图所示: 竖向列表 也可以是横向滚动的导航栏,如图所示: 横向列表 可以打开“微信 —> 钱包—>滴滴出行”体验效果。 我们在实现这类滚动功能的时…
BetterScroll:可能是目前最好用的移动端滚动插件
BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件(GitHub地址),适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景,它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置,让滚动更加流畅,同时还提供了很多 API…
上拉加载
vue-better-scroll 一个vue的上拉加载下拉刷新插件
由于 better-scroll 的滚动原理为:在滚动方向上,第一个子元素的长度超过了容器的长度。 那么对于 Scroll 组件,其实就是内容元素 .list-content 在滚动方向上的长度必须大于容器元素 .wrapper。 任何时候如果出现无法滚动的情况,都应该首先查看…
一个简单的适用于Vue的下拉刷新,触底加载组件
话不多说,直接上代码,原文地址博客地址
一个简洁、有趣的无限下拉方案
长列表渲染、无限下拉也算是前端开发老生常谈的问题之一了,本文将介绍一种简洁、巧妙、高效的方式来实现。话不多说,看下图,也许你可以发现什么? 说明了要素,也许你可以尝试着开始思考,看你是否能猜到具体的实现方案。 一直以来,检测元素的可视状态或者两个元素的相对可视状态都不是件容易事…
AlloyTouch 实现下拉刷新
原文地址: https://github.com/AlloyTeam/AlloyTouch/wiki/Pull-to-refresh 效果展示 扫码体验 你也可以点击这里访问 Demo 可以点击这里查看代码 背景 在手机 QQ 内部,其实客户端提供了下拉刷新的能力,拖动整个 webview…
vue 实现上拉加载下拉刷新(思路贼清晰)
项目需要用到上拉刷新下拉加载所以自己手动实现了一个组件:使用:上拉刷新实现思路:1.通过touchstart获取用户第一次点击的坐标2.通过touchmove判断向上滑动还是向下4.判断列表的滚动条是
Vue.js项目重构,轻松实现上拉加载滚动位置还原
前言 上一篇《Vue.js轻松实现页面后退时,还原滚动位置》只是简单的实现了路由切换时进行的滚动位置还原,很多朋友就来问上拉加载怎么实现啊!于是我想起了以前做过一个叫vue-cnode的项目,于是花了两天时间进行了重构,完全的移除了Vuex,使用了Vuet来做为状态的管理工具。如…
全网最easy的better-scroll实现下拉刷新和上拉加载
移动端页面常见的一种效果:下拉刷新(pulldownrefresh)和上拉加载(pullupload),目的都是为了增强用户的体验效果,因此各种移动端滑动插件也是层出不穷,今天小编也在这里给大家推荐一个滑动插件:better-scroll。 利用better-scroll也很轻…