84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
聚划算页面http://m.juhuasuan.com顶部的横向滚动导航，滑到最后一个时，会有弹性，请问事怎么做的呢？][1]
首先这里是用了transform: translate(-644px, 0px) translateZ(0px);来改变位置。然后通过transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;来实现弹性动画的效果。原理上就是当拖动位置的距离大于宽度要求的极限值时，鼠标onMouseUp事件时把位置再拉回那个极限值。就是这样吧。
][1]
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
首先这里是用了transform: translate(-644px, 0px) translateZ(0px);
来改变位置。
然后通过transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
来实现弹性动画的效果。
原理上就是当拖动位置的距离大于宽度要求的极限值时，鼠标onMouseUp事件时把位置再拉回那个极限值。
就是这样吧。