前端必备自定义滚动库——iScroll
不少场景用 body 滚动不方便，只能局部滚动：Windows 浏览器滚动条难看，iOS 默认没有惯性和弹性，加上 -webkit-overflow-scrolling: touch 又一堆兼容问题，个性化的加载、刷新、贴合滚动更难做。iScroll 用 CSS3 transform 模拟接近原生的…
不少场景用 body 滚动不方便，只能局部滚动：Windows 浏览器滚动条难看，iOS 默认没有惯性和弹性，加上 -webkit-overflow-scrolling: touch 又一堆兼容问题，个性化的加载、刷新、贴合滚动更难做。iScroll 用 CSS3 transform 模拟接近原生的…
移动端列表要做上拉加载、下拉刷新，原生 overflow 往往不够用。better-scroll 专门解决滚动场景，核心借鉴 iscroll，API 基本兼容，又做了扩展和性能优化。 它基于原生 JS，不依赖框架。编译后 63kb，压缩 35kb，gzip 约 9kb。下面用 Vue 接一套下拉刷新…
长列表和无限下拉是前端老生常谈。本文介绍一种简洁、巧妙、高效的做法：只渲染可视区域附近的 DOM，滚动时主要改外层容器的 padding。两个要素是 Intersection Observer 和 padding。 从图里能看出两点：只渲染可视区域的部分 DOM；滚动过程中外层 padding 在变…
