图片滑动组件的事件绑定_Web App下图片滑动组件的开发-慕课网

第2章图片滑动组件效果分析
视频：2-1 图片滑动组件效果分析(03:17)

第3章案例实践静态部分
视频：3-1 图片滑动组件的HTML和CSS结构(16:04)

第5章展望和总结
视频：5-1 知识点总结以及更极致的优化方式(03:37)

mark

Web前端工程师

Web前端架构师技术大牛新浪微博早期前端工程师以卓越的JS\HTML5技术加入企鹅村手机腾讯微博WebApp架构师爱探索善分享

讲师课程

手风琴效果

免费课初级 40808

提问题

提交

其他问答

查看更多本节问答

写笔记

公开笔记

提交

问答
评论
笔记
资料下载

全部精华我要发布

关于self.idx的问题

最新回答 / 蓝星空

这个基准是：触摸点触发的DOM来确定。

1 回答 1579 浏览

2017-02-13

我这边在手机上测试出现一个BUG，就是手指斜着滑动，当手指离开浏览器显示区域的时候，动画就静止了。最后测试的原因是当手指离开浏览器显示区域的时候，touchend事件没有被触发，怎么解决这个问题。

最新回答 / 慕名至此

我觉得可以判断屏幕边界试试

1 回答 968 浏览

2016-08-23

图片移动的算法

最新回答 / i文Vin

同问一下

1 回答 1108 浏览

2017-03-23

出不来数据而且提示data未定义怎么办呀

+ 我来回答回答最高可+2积分

2 回答 1615 浏览

2022-05-24

明明只操作了三个li的位置，但为什么所有的li坐标都变化了呢？是在哪里实现的呀？

已采纳回答 / Jerry_0033

<...图片...>手指滑动的时候只更改了三个liTransform属性<...图片...>但是，起初数据渲染的时候是给所有li都定义了Transform属性

1 回答 1447 浏览

2016-08-23

是不是需要换个思路了。。。

+ 我来回答回答最高可+2积分

2 回答 1194 浏览

2022-06-11

用了e.preventDefalut()之后不能按着图片往下滚动页面了

+ 我来回答回答最高可+2积分

2 回答 1610 浏览

2022-05-26

开始结束索引

+ 我来回答回答最高可+2积分

2 回答 1330 浏览

2022-06-03

老师，我按你的方法写，在图片上滑动不是你这种效果，网页鼠标滑动是把图片拖了出来

+ 我来回答回答最高可+2积分

3 回答 979 浏览

2022-07-09

很赞，喜欢这种风格

+ 我来回答回答最高可+2积分

1 回答 886 浏览

2022-05-20

求老师再多出点JS教学视频 JS跟不上 T T

+ 我来回答回答最高可+2积分

2 回答 997 浏览

2022-07-22

还有一个方法是ul里面只放3个li , 只改变ul的坐标 , 利用transitionEnd事件判断滚动完毕后 , 立即替换li里面的内容具体可以参考国外的一个插件 http://cubiq.org/dropbox/SwipeView/demo/gallery/

+ 我来回答回答最高可+2积分

0 回答 945 浏览

2014-07-15

把touches[0]改为originalEvent.touches[0]，touches[0]有bug

讲师回答 / mark

其他同学可以这样验证哈： document.body.addEventListener('touchstart', function(e){console.log(e.originalEvent)})

16 回答 7709 浏览

2022-07-26

这个有源码吗

讲师回答 / mark

有，明天就有，晚上回去我传一下

10 回答 1437 浏览

2022-07-23

之前全是自学的js··也会自己写一些控件··很欣慰自己的风格和楼主的风格十分的接近··

+ 我来回答回答最高可+2积分

11 回答 1165 浏览

2022-09-07

全部我要发布

最热最新

只看我的

课程源代码立即下载

4-3 图片滑动组件的事件绑定

下一节课程：优化处理 (14:10) 下一节重新观看

为你推荐

讲师课程

相关课程

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

关于self.idx的问题

我这边在手机上测试出现一个BUG，就是手指斜着滑动，当手指离开浏览器显示区域的时候，动画就静止了。最后测试的原因是当手指离开浏览器显示区域的时候，touchend事件没有被触发，怎么解决这个问题。

图片移动的算法

出不来数据而且提示data未定义怎么办呀

明明只操作了三个li的位置，但为什么所有的li坐标都变化了呢？是在哪里实现的呀？

是不是需要换个思路了。。。

用了e.preventDefalut()之后不能按着图片往下滚动页面了

开始结束索引

老师，我按你的方法写，在图片上滑动不是你这种效果，网页鼠标滑动是把图片拖了出来

很赞，喜欢这种风格

求老师再多出点JS教学视频 JS跟不上 T T

还有一个方法是ul里面只放3个li , 只改变ul的坐标 , 利用transitionEnd事件判断滚动完毕后 , 立即替换li里面的内容具体可以参考国外的一个插件 http://cubiq.org/dropbox/SwipeView/demo/gallery/

把touches[0]改为originalEvent.touches[0]，touches[0]有bug

这个有源码吗

之前全是自学的js··也会自己写一些控件··很欣慰自己的风格和楼主的风格十分的接近··

推荐课程

推荐路线系统化学习，打造阶梯学习模式

手记推荐

4-3 图片滑动组件的事件绑定

热搜

最近搜索清空

下一节课程： 优化处理 (14:10) 下一节 重新观看

为你推荐

讲师课程

相关课程

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

账号登录 验证码登录

下一节课程：优化处理 (14:10) 下一节重新观看

账号登录验证码登录