发新贴  快速回复

从前面往后面点击为什么感觉影响的是前面图片的位置向左移动
checked~label 不是影响点击后面所有的label吗?

嘟嘟是糖
2017-02-21 23:21
yaya111111
checked~label影响的是选中元素后面所有的同级label,你说的没错,不过问题描述的不是很清晰,为了帮您更好的分析具体问题出在哪里,建议将代码和截图发上来。
2017-02-22 12:19  回复本帖
嘟嘟是糖

yaya111111 2017-02-22 12:19发表的内容:

checked~label影响的是选中元素后面所有的同级label,你说的没错,不过问题描述的不是很清晰,为了帮您更好的分析具体问题出在哪里,建议将代码和截图发上来。
做那个伸缩相册的时候 从前面往后面点击相片的时候明明是点击的那张相片向前面移动了。
还有,为什么要加上name属性,而且name的值都是img
2017-02-24 11:09  回复本帖
SNSIME

嘟嘟是糖 2017-02-24 11:09发表的内容:

做那个伸缩相册的时候 从前面往后面点击相片的时候明明是点击的那张相片向前面移动了。
还有,为什么要加上name属性,而且name的值都是img

从前面往后面点击相片的时候,点击的那张照片回到原本的绝对定位的地方,所以那张图片向前移动,其余的照片是相对它们原来绝对定位的位置后移的;

name的值都是img,是因为input的type类型是radio,确保只能选中同个name值中的一个选项。

2017-07-27 10:48  回复本帖
hao浩nan

从前面往后面点击相片的时候,点击的那张照片为什么会回到原本的绝对定位的地方?

2018-02-10 14:35  回复本帖
梨啊梨

hao浩nan 2018-02-10 14:35发表的内容:

从前面往后面点击相片的时候,点击的那张照片为什么会回到原本的绝对定位的地方?

我也没看明白,为什么会回去
2018-02-19 16:01  回复本帖
hao浩nan

梨啊梨 2018-02-19 16:01发表的内容:

我也没看明白,为什么会回去
额,怎么没老师解答下
2018-02-22 17:17  回复本帖
妙味用户286718

hao浩nan 2018-02-22 17:17发表的内容:

额,怎么没老师解答下

我也是个学生,我的理解是。当点击第一个图片的时候,整体往右移,第二张图从left:72px变到230px,设置了transition:1s,所以有一个向右滑动的效果。而点击第二张之后的图片,第二张就会从230px回到了一开始的定位left:72px,top:0px,而第三张图因为点击第一张图的时候定位发生了改变,变为了300px,点击第二张图的时候,他的定位也是不变,还是300px,所以右边的图看起来是不动的,只是点击的那张图从230px变回了72px了,所以只看到了向左滑动,向右不变的效果。之后的图片也是如此类推。我的理解是这样的,大致应该没有错。

2018-03-10 10:46  回复本帖
妙味用户936072

每次点击的时候 会触发input:check~lable 的css属性 重新渲染执行 所以 比如点击第三个 那么 首先会吧前面两个卡片还原 回到最初的位置 然后在让第四个 第五个 第六个卡片都同意位移

2018-04-15 01:31  回复本帖
登录 后才可以发表回复