使用TweenMax缩放滚动时,文字上的图像重叠

时间:2018-07-12 14:33:57

标签: html css scaling greensock tweenmax

我是HTML编程的新手,我的主要思想是在TweenMax动画(比例图像)的同时使文本移开。

我具有放大和反转图像位置的功能,但是滚动图像是重叠的文本。

这是默认的图片和文字位置:

enter image description here

但是然后我在开始处滚动(就像下面的屏幕快照中的绿色一样),屏幕快照与文本重叠:

enter image description here

我要这样做,以便在图片放大时将其向下推,而不会使文字重叠。在这种情况下我应该使用什么?如果需要,我可以举一个当前代码的例子。我做了一些研究,要么像CSS这样的简单操作就没有例子,或者不可能做。

1 个答案:

答案 0 :(得分:0)

只需将文本的主要父级div放在css以下,并且不使用比例,只需使用width:100%;你可以实现的。

div {
    float:left;
    width:100%;
}