“CSS de desplazamiento suave” Código de respuesta

CSS de desplazamiento suave

html {
  scroll-behavior: smooth;
}

/* No support in IE, or Safari
You can use this JS polyfill for those */
http://iamdustan.com/smoothscroll/
deadlymuffin

Cómo suavizar el desplazamiento en JavaScript

window.scrollTo({ top: 900, behavior: 'smooth' })
Cheerful Cockroach

desplazamiento suave

html {
    scroll-behavior: smooth !important;
}
Graceful Gazelle

desplazarse suave CSS

html {
  scroll-behavior: smooth;
}
Successful Snake

desplazamiento suave

// Scroll to specific values
// window.scrollTo or
window.scroll({
  top: 1000, 
  left: 0, 
  behavior: 'smooth'
});

// Scroll certain amounts from current position 
window.scrollBy({ 
  top: 250, // could be negative value
  left: 0, 
  behavior: 'smooth' 
});

// Scroll to a certain element
document.getElementById('el').scrollIntoView({
  behavior: 'smooth'
})
Graceful Gazelle

Respuestas similares a “CSS de desplazamiento suave”

Preguntas similares a “CSS de desplazamiento suave”

Más respuestas relacionadas con “CSS de desplazamiento suave” en CSS

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código