作者：滴滴公共前端 黄轶 在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了。 以滴滴为例，可以是这样竖向滚动的列表，如图所示： 竖向列表 也可以是横向滚动的导航栏，如图所示： 横向列表 可以打开“微信 —> 钱包—>滴滴出行”体验效果。 我们在实现这类滚动功能的时…

BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动更加流畅，同时还提供了很多 API…

由于 better-scroll 的滚动原理为：在滚动方向上，第一个子元素的长度超过了容器的长度。 那么对于 Scroll 组件，其实就是内容元素 .list-content 在滚动方向上的长度必须大于容器元素 .wrapper。 任何时候如果出现无法滚动的情况，都应该首先查看…

话不多说，直接上代码，原文地址博客地址

长列表渲染、无限下拉也算是前端开发老生常谈的问题之一了，本文将介绍一种简洁、巧妙、高效的方式来实现。话不多说，看下图，也许你可以发现什么？ 说明了要素，也许你可以尝试着开始思考，看你是否能猜到具体的实现方案。 一直以来，检测元素的可视状态或者两个元素的相对可视状态都不是件容易事…

原文地址: https://github.com/AlloyTeam/AlloyTouch/wiki/Pull-to-refresh 效果展示 扫码体验 你也可以点击这里访问 Demo 可以点击这里查看代码 背景 在手机 QQ 内部，其实客户端提供了下拉刷新的能力，拖动整个 webview…

项目需要用到上拉刷新下拉加载所以自己手动实现了一个组件：使用：上拉刷新实现思路：1.通过touchstart获取用户第一次点击的坐标2.通过touchmove判断向上滑动还是向下4.判断列表的滚动条是

前言 上一篇《Vue.js轻松实现页面后退时，还原滚动位置》只是简单的实现了路由切换时进行的滚动位置还原，很多朋友就来问上拉加载怎么实现啊！于是我想起了以前做过一个叫vue-cnode的项目，于是花了两天时间进行了重构，完全的移除了Vuex，使用了Vuet来做为状态的管理工具。如…