在这个网页的第2个例子【自适应 / 全屏 + 分页】中http://www.swiper.com.cn/demo/index.html如果按住鼠标向右拖动,会发现可以拖动,然后放开鼠标,就会"弹"回去,观察代码发现,是用了下面这个css3代码transition-duration: 0ms; transform: translate3d(86.6443px, 0px, 0px);那么问题来了,这个拖拉后弹回去的js效果要怎么写呢?哪位大神有思路?提供一下啦。谢谢!
人生最曼妙的风景,竟是内心的淡定与从容!
為元素加上css3過渡動畫,過渡動畫的值為transform3d的x軸,手指拖曳的距離即為這個x軸的值,當手指放開,把x軸的值還原,也就是0px
看api 有滑動效果的 或自己寫個動畫,無非就是調節貝塞爾曲線出現緩存
為元素加上css3過渡動畫,過渡動畫的值為transform3d的x軸,手指拖曳的距離即為這個x軸的值,當手指放開,把x軸的值還原,也就是0px
看api 有滑動效果的 或自己寫個動畫,無非就是調節貝塞爾曲線出現緩存