移动端聚划算顶部导航的弹性滚动是怎么做的？
聚划算页面http://m.juhuasuan.com
顶部的横向滚动导航，滑到最后一个时，会有弹性，请问事怎么做的呢？
][1]
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
聚划算页面http://m.juhuasuan.com
顶部的横向滚动导航，滑到最后一个时，会有弹性，请问事怎么做的呢？][1]
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（1）
首先这里是用了transform: translate(-644px, 0px) translateZ(0px);
来改变位置。
然后通过transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
来实现弹性动画的效果。
原理上就是当拖动位置的距离大于宽度要求的极限值时，鼠标onMouseUp事件时把位置再拉回那个极限值。
就是这样吧。