问答详情
源自:2-2 页面之间的卷滚切换效果

为什么x坐标这样表示:-' + (width * 2) + 'px

为什么x坐标这样表示:-' + (width * 2) + 'px

提问者:Hyram_wu 2016-11-18 18:46

个回答

  • qq_画一群人的感伤_0
    2016-11-18 23:04:53
    已采纳

    学到这里有两个场景,这个是在实现两个场景之间的切换。用的方法是移动父元素的x坐标。使用js获取的width是页面可视区域的width,因为之前我们写了hidden,所以可视页面的width其实是等于一个场景的width。 而我们要实现从第一个页面滚动到第三个页面,我们的x坐标应该是2倍的width。所以这里用了   (width*2)   。  

    PS:说的有点啰嗦,希望你能理解我的意思

  • 三层楼
    2017-08-27 22:21:36

    在x轴上移动  translate3d这里指明了3d就是启用了3d加速,也就是启动GPU来处理,性能更强 (-'+(width*2)+'px,0px,0px)表示x轴向左移动width*2,y轴、z轴不移动。