文章详情页
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. node.js - NPM安装包时有些情况会爆出一些的警告/报错信息怎么判断是否可以忽略?2. node.js - 用node安装express出错3. node.js - Hexo next主题 languages/zh-Hans.yml报错4. node.js - koa2 如何获取参数?5. node.js - 用git cnpm install 时,能生成node_modules文件,但是为空。6. node.js - 带有node_modules目录的项目,用phpstorm打开速度极慢,怎么解决?7. node.js - nodejs 正则匹配,cpu达到100%的问题8. node.js - nodejs中cookie例子的一个疑问9. javascript - 这种上传图片预览怎么做?10. java - 微信退款,公账号向个人转账SSL验证失败
排行榜
![node.js - nodejs 正则匹配,cpu达到100%的问题](http://www.haobala.com/attached/image/news/202310/130436bb3c.png)