我有以下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
区域重叠。这是现实情况的图片:
如何使some text
始终位于mysection
的底部边框下方而不重叠?
更详细一点,如果这是相关的,我会使用一个名为ScrollMagic的工具来完成这项工作。