这是我目前的网站:
我想使弹跳箭头停留在完全相同的位置,具体取决于查看器的计算机尺寸屏幕,但我无法弄清楚。我尝试了很多方法,例如设置位置样式,但最终还是脱离了div。
<div class="jumbotron" id="home">
<h1>HELLO!<h1 style="font-family: ProximaNovaSemibold;">MY NAME IS</h1></h1>
<br>
<a class="smoothScroll" href="#work"> <img id="angleDown" style="margin-top:15%;" width="60px" height="60px" alt="" src="img/angle-down.png" /></a>
</div>
这是我用于div的样式
#home {
background: url('img/img-home.jpg') no-repeat center;
background-size: cover;
background-repeat: no-repeat;
height: 100vh;
text-align: center;
padding-top: 13.4%;
}
任何帮助,将不胜感激!谢谢你。
.smoothScroll{
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -30px;
}
因此,始终要放在图像的底部,这是您想要的吗?
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句