¿Hay alguna forma en que pueda hacer que un div HTML se mueva hacia abajo mientras se desplaza en lugar de moverse hacia arriba sin usar javascript? Sé que puede usar window.onscroll = function() { } y hacer que mueva la posición de un objeto mientras se desplaza, pero ¿hay alguna forma de que pueda mover un objeto hacia abajo solo con CSS y HTML?
Creo que desea conservar su div en la ventana gráfica mientras se desplaza hacia abajo.
Hay 2 formas de hacerlo.
fixed y aplique el posicionamiento a ese elemento.div sea sticky y aplique el posicionamiento.Posicionar significa agregar cualquiera de las propiedades superior, derecha, inferior e izquierda.
.parent { height: 1200px; width: auto; position: relative; } .floating { position: sticky; top: 10px; width: 100%; height: 60px; background: black; color: white; } <div class="parent"> <p>Hi this is parent</p> <div class="floating"> This is floating element </div> </div>