todo sobre Scroll

PHOTO EMBED

Fri Jan 21 2022 17:48:36 GMT+0000 (UTC)

Saved by @samn #html #css #javas

<!--ESTILOS:
- Toda la barra se llama: scrollbar(barra = en ingles "bar")
- thumb: se le llama al pulgar que esta dentro
- track: se le llama al camino, pista.
Entonces cuendo quieras editar solo tienes que combinar:
::-webkit-scrollbar{}
::-webkit-scrollbar-thumb{}
::-webkit-scrollbar-track{}
A todos puedes aplicarles: puedes aplicarle border-radious, background, etc..
EXEPTO: dimenciones como whidth(esto le corresponde a la barra (scrollbar)).
NOTA: primero se deve editar(aunque sea minimo) scrollbar sino no correra las ediciones de los 
      otros componentes     
-->

<!--TRANSICIÓN: Se le denomina Smooth Scroll al efecto de transición
-CSS: scroll-behavior: smooth; para transiciones suabes
  html {
  scroll-behavior: smooth; // se le aplica al elemento que genera el scroll, ejemp la pagina.
  }
-Javascript: 
  window.scroll({
    top: 2500, 
    left: 0, 
    behavior: 'smooth'
  }); // aplicado a la ventana principal. vea el link hay otro caso
-->
content_copyCOPY

https://www.kodetop.com/efecto-smooth-scroll-con-css-o-javascript/#:~:text=Se%20le%20denomina%20Smooth%20Scroll,evitando%20cambios%20bruscos%20entre%20secciones.