文章详情页
jquery - 移动端如何写弹性效果
浏览：88日期：2024-06-11 09:35:00
问题描述
在这个网页的第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. macos - mac下docker如何设置代理2. javascript - 学习网页开发，关于head区域一段脚本的疑惑3. javascript - JS设置Video视频对象的currentTime时出现了问题,IE,Edge,火狐,都可以设置,反而chrom却...4. angular.js - ng-grid 和tabset一起用时，grid width默认特别小5. javascript - 如何获取未来元素的父元素在页面中所有相同元素中是第几个?6. Android下，rxJava+retrofit 并发上传文件和串行上传文件的效率为什么差不多？7. 热切期待朱老师的回复，网页视频在线播放器插件配置错误8. mysql - AttributeError: ’module’ object has no attribute ’MatchType’9. javascript - 从mysql获取json数据，前端怎么处理转换解析json类型10. Whitelabel错误页面发生意外错误（类型=未找到，状态= 404）/WEB-INF/views/home.jsp
排行榜
网公网安备