JavaScript: implementare lo scroll fluido verso un elemento

In questo articolo vedremo come creare l'effetto dello scroll fluido verso un elemento con JavaScript.

Il metodo scrollIntoView() accetta come parametro un oggetto con cui è possibile specificare tale effetto usando la proprietà behavior impostata su smooth.

'use strict';

const scrollSmoothTo = element => {
    return element.scrollIntoView({behavior: 'smooth'});
};

Al momento Safari non supporta il parametro contenente le opzioni del metodo, quindi lo scroll risulterà istantaneo in questo browser.