Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Retos: scrollTop y DRY

12/17
Recursos

Aportes 3

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

hola!!, yo estuve buscando en stackoverflow formas de hacer el scrollTop y encontré esta función que es similar a lo que mostro el profe pero le agrega una animación bastante agradable :3

function smoothscroll(){
    const currentScroll = document.documentElement.scrollTop || document.body.scrollTop;
    if (currentScroll > 0) {
         window.requestAnimationFrame(smoothscroll);
         window.scrollTo (0,currentScroll - (currentScroll/5));
    }
};

Yo encontre esta solucion para el scroll. Me parecio sencilla y legible.

window.scrollTo(0, 0);

Agregue css al arrow con position fixed para las categorias, asi el arrow “nos sigue” 😂

.header-arrow {
  border-radius: 50px;
  background-color: gray;
  width: 50px;
  height: 50px;
  text-align: center;
  position: fixed;
  background-blend-mode: multiply;
  opacity: 0.9;
   z-index: 1;
   /**/
}
h1, h2  {
    margin-top: 50px;
    /**/
  }