您的位置：首页技术文章
文章详情页

jquery - 移动端如何写弹性效果

浏览：67日期：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效果要怎么写呢？哪位大神有思路？提供一下啦。谢谢!jquery - 移动端如何写弹性效果

问题解答

回答1：

给元素加上css3过渡动画，过渡动画的值为transform3d的x轴，手指拖动的距离即为这个x轴的值，当手指放开，把x轴的值还原，也就是0px

回答2：

看api 有滑动效果的 或者自己写个动画，无非就是调节贝塞尔曲线出现缓存

上一条：前端 - 怎样让scale缩小的元素不占据原来的空间？下一条：前端 - 提问关于background-image不显示的问题
相关文章：
1. javascript - vue 父子组件传递数据2. docker不显示端口映射呢？3. javascript - 微信小程序 如何实现这种左滑动出现删除的办法？有相关api吗？4. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？5. javascript - 怎么实现让 div 里面的 img 元素 中心居中, 如下示例图6. javascript - CSS图片轮播显示问题7. javascript - vue-router怎么不能实现跳转呢8. python 字符串匹配问题9. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下10. javascript - 自执行函数是当加载到这个js就执行函数了吗
排行榜
javascript - vue 父子组件传递数据
javascript - vue 父子组件传递数据
1. python 字符串匹配问题
2. javascript - vue-router怎么不能实现跳转呢
3. docker镜像push报错
4. docker start -a dockername 老是卡住，什么情况？
5. docker不显示端口映射呢？
6. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？
7. dockerfile - 我用docker build的时候出现下边问题 麻烦帮我看一下
8. angular.js - angular内容过长展开收起效果
9. javascript - 怎么实现让 div 里面的 img 元素 中心居中, 如下示例图
10. javascript - CSS图片轮播显示问题
热门标签