这是我目前的网站:
我想让弹跳的箭头停留在同一位置,取决于观看者电脑屏幕的大小,但我无法解决它。我尝试了许多方式,如设置位置样式,但最终箭头仍然超出了 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%;
}
非常感谢您的帮助!谢谢。
position: fixed
? - Aziz