为什么x坐标这样表示：-' + (width * 2) + 'px-慕课网

首页课程实战体系课手记专栏慕课教程

为什么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：说的有点啰嗦，希望你能理解我的意思

3 1

慕斯慕斯

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

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轴不移动。

0 0

H5+JS+CSS3实现七夕言情

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

211523 学习 · 540 问题

相似问题

width : (slides.length * width) + 'px',

回答 3

这句'transform': 'translate3d(-' + (width * 2) + 'px,0px,0px)' //设置页面X轴移动

回答 1

width : (slides.length * width) + 'px', 这句是怎么理解的？

回答 4

width: (slides.length * width) + 'px',这句如何计算的呢？

回答 1

boy 的top坐标为什么是这样算的，这是按几维计算的

回答 1

打开慕课网App查看更多内容