“Rolagem suave” Respostas de código

CSS de rolagem suave

html {
  scroll-behavior: smooth;
}

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

JavaScript Smooth Roll para ancoragem

//add smooth scrolling when clicking any anchor link
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
        e.preventDefault();
        document.querySelector(this.getAttribute('href')).scrollIntoView({
            behavior: 'smooth'
        });
    });
});
//<a href="#someOtherElementID"> Go to Other Element Smoothly </a>
Grepper

como suavizar rolagem em javascript

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

Rolagem suave

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

Role CSS suave

html {
  scroll-behavior: smooth;
}
Successful Snake

Rolagem 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

Respostas semelhantes a “Rolagem suave”

Perguntas semelhantes a “Rolagem suave”

Mais respostas relacionadas para “Rolagem suave” em CSS

Procure respostas de código populares por idioma

Procurar outros idiomas de código