文章详情页
jquery - 移动端如何写弹性效果
浏览:119日期: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. mysql - 看这条sql有可能被注入吗2. vue.js - vue获取mongodb中的数据起初显示未定义,但还是可以渲染3. css3 - css flex 子元素居中4. javascript - 微信报redirect_uri参数错误5. javascript - 按钮链接到另一个网址 怎么通过百度统计计算按钮的点击数量6. head标签里的css文件可以设置body标签里的图片高度7. html5 - vue-cli 装好了 新建项目的好了,找不到项目是怎么回事?8. javascript - 微信“分享到朋友圈”自定义分享内容,无法成功调用jssdk接口,不知为何9. html5 - input type=’file’ 上传获取的fileList对象怎么存储于浏览器?10. 【小白问题】这行python命令行程序是什么意思?
排行榜
