ARN😷*

Geek dilettante habitant une belle et grande propriété sur la Côte d’améthyste

  • Tiens, une configuration en #CSS pour fabriquer directement du scroll doux (« smooth scroll ») :

    scroll-behavior: smooth;

    Ça permet du coup de se débarrasser des scripts JS avec lesquels on fait ça d’habitude.

    Inconvénient, Safari ne le prend pas en compte (mais ça se dégrade très bien, puisque le scroll sera effectif, simplement il ne sera pas « progressif »).

    Avantage, on peut le désactiver facilement avec une media query pour les gens qui ont le mal de mer :

    html {
     scroll-behavior: smooth;
    }

    @media (prefers-reduced-motion: reduce) {
     html {
       scroll-behavior: auto;
     }
    }