div的位置跟随缩放的div

时间:2017-10-04 03:40:25

标签: html css css3 css-transforms

我有以下HTML结构:

<section class="mysection">
  <div class="parallax"></div>
</section>

 <section class="some-text">
  blah.....
</section>  

parallax div上使用视差之前,some text只是位于mysection底部边框的正下方。这是parallax的CSS。

.parallax{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

当我将parallax缩放1.11111111时,parallax使用视口的100%宽度。但是,some text不再位于parallax下方。相反,它与parallax区域重叠。这是现实情况的图片:

enter image description here

如何使some text始终位于mysection的底部边框下方而不重叠?

更详细一点,如果这是相关的,我会使用一个名为ScrollMagic的工具来完成这项工作。

0 个答案:

没有答案