老师这个部分如何理解？
来源：5-2 滑入滑出的第一种实现方式--实现滑动功能
vivi_li
2020-06-01 08:53:01
//设置指定滑入幻灯片的初始位置
//找到指定的幻灯片设置位置
this.$items.eq(index).css('left', -1 * direction * this.itemsWidth)
//当前幻灯片滑出可视区域，指定幻灯片滑入可视区域
this.$items.eq(this.curIndex).move("x",direction*this.itemsWidth);
this.$items.eq(index).move("x",0);
值得是当前的跟指定的是反方向进行移动么？
2回答
-
同学你好，最开始时，图片是都在右侧的，但是点击右侧的按钮 “>”切换图片时，移走的图片，都位于左侧，切换到最后一张图时，元素的位置如下：
这时，再点击右侧的按钮切换下一张，就需要把第一张图的left: -728px;变成left：728px;然后再变成left：0px；这样这张图看起来才是从右侧移入的。
祝学习愉快！
0 -
好帮手慕久久
2020-06-01
同学你好，理解的不是很全面，如下：
当我们点击右侧按钮时，幻灯片整体是往左移，“direction=-1”，“ this.$items.eq(index). css('left', -1 * direction * this.itemWidth);”这句的话的意思是：将即将滑入的图片先移到右侧（从右侧准备滑入），即：
然后让当前的图片移到左侧（移走），即将移入的图片移到当前位置，如下：
对应着代码：“self.$items.eq(self.curIndex).move('x', direction * self.itemWidth);”和“self.$items.eq(index). move('x', 0);”
如果我的回答帮到了你，欢迎采纳，祝学习愉快!
0h020-06-01
相似问题