我有一个可以滚动图像的视差横幅。我希望图像从上到下滚动。现在,首先您看到图像的底部,然后从头到尾。
这是链接: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>
谢谢