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

来源:3-11 移动端项目开发——交互(翻页)

剩下的盛夏3387031

2016-08-11 23:22

是z-index没设置吗? 

写回答 关注

6回答

  • 慕粉3637657
    2016-10-28 09:39:17
    已采纳

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

    setTimeout(function(){

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

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

      },5500);


    剩下的盛夏3...

    非常感谢!

    2016-10-31 22:50:09

    共 1 条回复 >

  • 逐念
    2018-02-14 10:06:23

    http://img2.mukewang.com/5a8399900001399d05410240.jpg这样就对了

  • 慕粉4162184
    2017-03-19 15:38:09

    这个问题我也出现过,你需要给一开始设置的所有page加一个宽度和absolute才会让top起作用http://img.mukewang.com/58ce355f0001883b04870066.jpg

  • 像风来又走
    2017-01-26 18:25:45

    我也出现了这种情况,

    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);

    这里应该没有错

  • 磨不平的棱角
    2016-09-01 12:26:52

    我的也是  怎么回事

  • 剩下的盛夏3387031
    2016-08-12 09:18:02

    http://img.mukewang.com/57ad23ad0001c0c103910573.jpg

    就是这样


HTML5+CSS3实现春节贺卡

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

110033 学习 · 450 问题

查看课程

相似问题