Básicamente, tengo el href de mi etiqueta desplazándose a cierta parte de mi página web. Pero cada vez que vuelvo a cargar la página web, se desplaza automáticamente a esa parte del sitio web sin hacer clic en ella. ¿Alguien tiene alguna idea de por qué es esto?

html

 <div class="arrow"> <a href="#scroll-to"><span></span></a> </div>

CSS

 .arrow span{ display: block; width: 30px; height: 30px; border-bottom: 5px solid black; border-right: 5px solid black; transform: rotate(45deg); margin: -10px; animation: scroll 2s infinite;} @keyframes scroll { 0%{ opacity: 1; transform: rotate(45deg) translate(-20px, -20px); } 50%{ opacity: 1; } 100%{ opacity: 0; transform: rotate(45deg) translate(20px, 20px); }}