“Faites défiler CSS lisse” Réponses codées

CSS à défilement lisse

html {
  scroll-behavior: smooth;
}

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

rouleau lisse

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

Faites défiler CSS lisse

html {
  scroll-behavior: smooth;
}
Successful Snake

rouleau lisse

// 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

Réponses similaires à “Faites défiler CSS lisse”

Questions similaires à “Faites défiler CSS lisse”

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code