文章详情页
jquery - 移动端如何写弹性效果
浏览：63日期：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. javascript - electron中的a标签怎么用浏览器直接打开而不是在框架窗体内2. 前端 - 谁来解释下这两个 CSS selector 区别3. 为啥获取不到呀？4. mysql每隔10来秒就有一次7、8MB的写入5. html5 - 最近在自学react 求一个react表单提交的例子6. javascript - 怎么实现让 div 里面的 img 元素 中心居中, 如下示例图7. window下mysql中文乱码怎么解决？？8. javascript - vscode alt+shift+f 格式化js代码，通不过eslint的代码风格检查怎么办。。。9. html5 - bootstrap修改样式的问题10. javascript - ie11以下单击打开不了file，双击可以。求解？
排行榜
网公网安备