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

为什么我的在翻页的时候第二页第三页会这样？

是z-index没设置吗？

剩下的盛夏3387031

2016-08-11

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

关注问题我要回答

963

操作

收起

7 回答

慕粉3637657 回答被采纳 +3 积分
2016-10-28

我之前是这个地方没设置好，page3.style.top = "100%";这样5500ms后第三页才出现

setTimeout(function(){

page2.setAttribute("class","page fadeOut");

page3.setAttribute("class","page fadeIn");

},5500);

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

#1

剩下的盛夏3387031 提问者

非常感谢！

2016-10-31 回复有任何疑惑可以回复我~

逐念
2018-02-14

这样就对了

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

慕粉4162184
2017-03-19

这个问题我也出现过，你需要给一开始设置的所有page加一个宽度和absolute才会让top起作用

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

像风来又走
2017-01-26

我也出现了这种情况，

page1.addEventListener("touchstart",function(event){

page1.style.display = "none";

page2.style.display = "block";

page3.style.display = "block";

page3.style.top = "100%";

setTimeout(function() {

page2.setAttribute("class","page fadeOut");

page3.setAttribute("class","page fadeIn");

}, 5500);

},false);

这里应该没有错

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

磨不平的棱角
2016-09-01

我的也是怎么回事

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

剩下的盛夏3387031 提问者
2016-08-12

就是这样

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

举报

0/150

提交

取消

HTML5+CSS3实现春节贺卡

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

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

本课相似问答

2 回答为什么我点击第一页的时候出现第二页转的元素和第三页重叠

1 回答第二页之后不能翻页

3 回答跳转到第二页为什么页面会变小啊

1 回答第二页滑上去之后第三页不出现，什么原因啊

1 回答第二页转圈

搜索更多本课相关问答

为什么我的在翻页的时候第二页第三页会这样？

我要回答关注问题

意见反馈帮助中心 APP下载