html - 视差横幅图像从上到下滚动
问题描述
我有一个滚动图像的视差横幅。我希望图像从上到下滚动。现在首先您会看到图像的底部,最后是顶部。
这是链接:示例
这是代码
#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>
谢谢
解决方案
推荐阅读
- r - 更改 SF 对象的 CRS
- java - 如何在 Dropwizard 中实现番石榴缓存?
- c++ - 从未使用分配给变量的 C/C++ 默认值/值
- php - php / 检测请求协议以防止攻击
- regex - 获取tomcat连接器的正则表达式
- google-cloud-platform - terraform gcp 数据流作业给我关于名称的错误?
- fortran - Fortran 编译错误:目标“../lib/libSPheno.a(Mathematics.o)”的生成文件配方失败
- python - 清理 .txt 并计算最常用的单词
- maven - ArtifactSet 和过滤器之间的区别
- rest - 使用 Nightwatch.js 实现 REST API 测试的最佳方式