HTML5单页面手势滑屏切换原理

2019-01-28 15:15:05王冬梅
  • }     //执行滑动,让页面完整的显示到屏幕上    
  • this.transform.call(viewport,translate);     }    
  • }.bind(this),false);   

    除此之外,还要计算当前页面是第几页,并设置当前页码

    XML/HTML Code复制内容到剪贴板
    1. //计算当前的页码     pageNow = Math.round(Math.abs(translate) / pageWidth) + 1;    
    2. setTimeout(function(){     //设置页码,DOM操作需要放到子线程中,否则会出现卡顿    
    3. this.setPageNow();     }.bind(this),100);   

    基本的思路就这些,当然在实际操作过程中还有一些细节需要注意,这里就不详细说了,都在代码里能体现出来。关于HTML5单页面手势滑屏切换原理 小编就给大家介绍这么多,希望对大家有所帮助!