平时使用桌面端设备滚动网页时总是戛然而止,不丝滑。那么今天这个 smooth-scroll.js库将在你的网站上使用德芙,纵享丝滑

惯性滚动?

惯性滚动最早出现在 ios 系统中,是指 当用户在终端上滑动页面然后把手指挪开,页面不会麻黄素那个停下来而是继续保持一定时间的滚动效果,并且滚动的速度和持续的时间是与滑动手势的强烈程度成正比

在 css 中有一条支持惯性滚动的 非标准且仅 ios 设备支持的属性-webkit-overflow-scrolling: touch;
当然该属性也有坑的,不列出来了:指路

示例:H5 普通长列表在 iOS 系统下(开启了滚动回弹)的滚动表现

js 模拟惯性滚动

想要兼容性好那必须是 js 啦,该库是在浏览网站时发现的一段 js,但是在 npm 上未发现,所以分享下。
该库一旦引入所有元素滚动皆为惯性滚动

demo

    Npm: https://www.npmjs.com/package/smooth-scrolling.js