                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /HTML5+CSS3实现春节贺卡

老师不明白page3 fadeIn 坐标为什么是-100% 不应该是0吗？

aimeeWu

2016-02-17

源自：HTML5+CSS3实现春节贺卡 3-11

关注问题我要回答

817

操作

收起

2 回答

linarcissus
2016-02-17

这个表示的意思不是page3的坐标，而是page3运动的距离

因为page3的初始坐标设置成了100%，然后运动的距离的是-100%，这样相互抵消，运动结束后的page3位置就是0，正好显示出来

2 回复有任何疑惑可以回复我~

收起回答

aimeeWu 提问者

明白了多谢还有一个问题那个多个动画一起执行是不是会互相干扰 music点击时有时候会停有时候不停

2016-02-17 回复有任何疑惑可以回复我~

linarcissus 回复 aimeeWu 提问者

多个动画，只要不是同时加在同一个元素上，原则上是不会互相干扰的。但是因为有些浏览器或者代码兼容问题，有时也会出现一些小毛病，原生js里有好多事件和控制，太复杂我也说不清，比如事件冒泡这种，有时就是想到这一层...

2016-02-17 回复有任何疑惑可以回复我~

慕粉3584185

我也不明白为什么是-100%，这么一说我明白了，赞！

2016-11-09 回复有任何疑惑可以回复我~

查看1条回复

李晓健
2016-02-17

因为刚进来时是第二页，所以第三页应该在屏幕的外面，正好-100%,就是正好超出整个屏幕，并且在下方。

http://www.imooc.com/article/4767

0 回复有任何疑惑可以回复我~

收起回答

aimeeWu 提问者

js里定义了 page3开始时是100% 然后page2出去 page3进来应该是0啊

2016-02-17 回复有任何疑惑可以回复我~

0/150

提交

取消

HTML5+CSS3实现春节贺卡

参与学习 110033 人
解答问题 450 个

又逢新春佳节，春节贺卡搞起来，学会HTML5+CSS3实现春节贺卡

进入课程

本课相似问答

2 回答page3页面中中的music不见了

5 回答music在page2 page3 时点击可以停止再点不能播放为什么？

1 回答明明是iphone6模式，为什么innerWidth是981？

2 回答为啥要用绝对定位啊，不太明白

2 回答做完后page3样式跑到page2上面了

搜索更多本课相关问答

老师不明白page3 fadeIn 坐标为什么是-100% 不应该是0吗？

我要回答关注问题

热搜

最近搜索清空

老师 不明白page3 fadeIn 坐标为什么是-100% 不应该是0吗？

2 回答

本课相似问答

老师 不明白page3 fadeIn 坐标为什么是-100% 不应该是0吗？

老师不明白page3 fadeIn 坐标为什么是-100% 不应该是0吗？

老师不明白page3 fadeIn 坐标为什么是-100% 不应该是0吗？