视差横幅图像从上到下滚动

时间:2019-01-23 10:24:45

标签: html css parallax

我有一个可以滚动图像的视差横幅。我希望图像从上到下滚动。现在,首先您看到图像的底部,然后从头到尾。

这是链接:Example

这是代码

#dag_box {
    width: 100%;
    height: 100vh;
    position: relative;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  
}

#dag_box_int {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(auto,auto,auto,auto);
}
#dag_box_int_img {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    margin: 0 auto;
}
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href=""><div id="dag_box">
    <div id="dag_box_int">
        <div id="dag_box_int_img">
            <img id="sas_img_18410319" src="https://static.a1.ro/advertising/i.jpg" alt="" style="top: -13px; bottom: 0px;" >
        </div>
    </div>
    
</div>
</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

谢谢

0 个答案:

没有答案