利用margin-top换页的技巧

43 阅读1分钟

image.png

  • 第一个盒子设置margin-top:-200px//盒子自身高度

image.png

  • 第二个盒子设置margin-top:-200px//盒子自身高度

image.png

由于通过margin-top移动文档流,会使盒子之前占有的文档流空缺出来,下边的元素会自然补上去,利用这个特性 配合animation切屏将非常丝滑,且顶部提上去的多个都将堆叠到一起