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

来源:2-2 页面之间的卷滚切换效果

Hyram_wu

2016-11-18 18:46

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

写回答 关注

2回答

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

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

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

    慕斯慕斯

    您好,请问为什么是负值呢? 我认为应该是父元素向右移动,但是当我改成正值后,页面反而像左方向滚动了

    2018-09-25 18:20:17

    共 3 条回复 >

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

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

H5+JS+CSS3实现七夕言情

为七夕节准备的H5+JS+CSS3特效案例,由浅入深案例拆分讲解

211525 学习 · 540 问题

查看课程

相似问题