inchingTo页面滚动缓动动画
页面滚动的缓动动画,inchingTo.js 做得还挺顺的。支持传入数值或目标元素,自动帮你慢慢滚过去,视觉上自然。嗯,像回到顶部这种场景,用它比直接跳转舒服多了。
数值定位的方式挺灵活,直接传个像素值就能动;你也可以传一个 DOM 元素,它就自动滚到那个元素的位置。这种用在锚点导航或者内容块跳转里,还蛮方便的。
用法也不复杂,一般就是写个事件绑定,调一下 inchingTo(target)
。内部封装了缓动函数,滚动过程有点像 ease-in-out 的那种流畅感,响应也快,代码也简单。
说到页面滚动,WOW.js、ScrollReveal 这些库你用过,都是和滚动相关的动画触发。而 inchingTo.js 更聚焦于“滚动到”这个动作,用起来轻一点,也好改。
如果你在做 单页应用,或者有导航菜单想跳到某块内容,inchingTo.js 可以派上用场。简单集成一下,用户体验会舒服不少。
2.24KB
文件大小:
评论区