Effet Smooth Scroll wordpress (Créer un compte)

Bonjour,

Ma configuration WP actuelle

• Version de PHP/MySQL :
• Thème utilisé : Astra
• Extensions en place : Elementor
• Nom de l’hébergeur : Ionos
• Adresse du site : https://anthonycarrel.com/

Problème(s) rencontré(s) :

Hello, je recherche à reproduire un effet au défilement des pages de mon site.

Un créateur de contenu avait partagé cette astuce pour obtenir un effet sur une page web plus fluide et agréable visuellement.

Savez-vous si un code ou une autre technique existe pour appliquer cet effet ? Il semblerait que cela s’appel smooth scroll mais ce nom désigne également un effet par rapport aux ancres donc rien avoir avec ce que je recherche.

Visiblement le code ne marche plus et impossible de recréer cet effet. Voici le code :
<div dir= »auto »><script src= »<span class= »html-span xdj266r x11i5rnm xat24cr x1mh8g0r xexx8yu x4uap5 x18d9i69 xkhd6sd x1hl2dhg x16tdsg8 x1vvkbs »>https://cdn.jsdelivr.net/…/lenis@0.2.28/bundled/lenis.js</span> »></script></div>
<div dir= »auto »><script></div>
<div dir= »auto »>const lenis = new Lenis({</div>
<div dir= »auto »>duration: 1.2,</div>
<div dir= »auto »>easing: (t) => Math.min(1, 1.001 – Math.pow(2, -10 * t)), // <span class= »html-span xdj266r x11i5rnm xat24cr x1mh8g0r xexx8yu x4uap5 x18d9i69 xkhd6sd x1hl2dhg x16tdsg8 x1vvkbs »>https://www.desmos.com/calculator/brs54l4xou</span></div>
<div dir= »auto »>direction: ‘vertical’, // vertical, horizontal</div>
<div dir= »auto »>gestureDirection: ‘vertical’, // vertical, horizontal, both</div>
<div dir= »auto »>smooth: true,</div>
<div dir= »auto »>mouseMultiplier: 1,</div>
<div dir= »auto »>smoothTouch: false,</div>
<div dir= »auto »>touchMultiplier: 2,</div>
<div dir= »auto »>infinite: false,</div>
<div dir= »auto »>})</div>
<div dir= »auto »>//get scroll value</div>
<div dir= »auto »>lenis.on(‘scroll’, ({ scroll, limit, velocity, direction, progress }) => {</div>
<div dir= »auto »>console.log({ scroll, limit, velocity, direction, progress })</div>
<div dir= »auto »>})</div>
<div dir= »auto »>function raf(time) {</div>
<div dir= »auto »>lenis.raf(time)</div>
<div dir= »auto »>requestAnimationFrame(raf)</div>
<div dir= »auto »>}</div>
<div dir= »auto »>requestAnimationFrame(raf)</div>
<div dir= »auto »></script></div>
<div dir= »auto »></div>
<div dir= »auto »></div>

Merci infiniment

• Ce sujet a été modifié le il y a 1 semaine et 4 jours par Anthony Carrel.