文章详情页
jquery - 移动端如何写弹性效果
问题描述
在这个网页的第2个例子【自适应 / 全屏 + 分页】中http://www.swiper.com.cn/demo/index.html如果按住鼠标向右拖动,会发现可以拖动,然后放开鼠标,就会'弹'回去,观察代码发现,是用了下面这个css3代码transition-duration: 0ms; transform: translate3d(86.6443px, 0px, 0px);那么问题来了,这个拖拉后弹回去的js效果要怎么写呢?哪位大神有思路?提供一下啦。谢谢!
问题解答
回答1:给元素加上css3过渡动画,过渡动画的值为transform3d的x轴,手指拖动的距离即为这个x轴的值,当手指放开,把x轴的值还原,也就是0px
回答2:看api 有滑动效果的 或者自己写个动画,无非就是调节贝塞尔曲线出现缓存
相关文章:
1. angular.js - 一个数组如何用angular实现三级联动2. Angular.js 无法设置Authorization头,该怎么解决?3. angular.js - angular中可以在ng-click中直接调用service的方法吗?4. angular.js - ionic 弹窗样式5. android - Menu的click监听器可以使用switch()case来匹配具体点击的Item吗?6. angular.js - 通过数据中children的个数自动生成能点击展开的div7. angular.js - 指令交互问题,未找到依赖指令8. angular.js - angularjs 注入模块报错 很怪异... 求解惑9. angular.js - angular参数问题10. angular.js - ionic该如何强制刷新页面
排行榜