制作动态盒子时的连锁问题

102 阅读1分钟

制作动态盒子时遇到的情况

使用弹性布局时的情况:

原效果:

image.png

鼠标放上去之后的效果:

image.png

其中的问题:第一个盒子向上滑动的时候连带着下边两个盒子一起移动了!

使用定位之后的情况:

鼠标放上去之后的效果:

image.png

总结:

可以使用定位的方法,也可以在弹性布局中盒子滑动的同时修改margin-top和margin-bottom的值来实现目的。