Défilement de section pleine page
pourDivi
Défilement de la section Divitransforme le défilement normal en une expérience plein écran élégante : la page glisse d'une section Divi à la suivante avec une animation fluide et configurable. Parfait pour les pages de destination, les portefeuilles et les sites Web d'une page.
Obtenir le défilement de la section Divi → Disponible sur le Marketplace officiel DiviVoyez-le en action
Un parchemin. Une section. Zéro friction.
Au lieu d'un défilement libre, chaque action de la molette de la souris, chaque glissement ou pression sur une touche fait passer la fenêtre d'affichage à la section Divi suivante – comme les sites premium « pleine page » que vous voyez dans les vitrines de design.
Ça semble cher. S'installe en une minute.
Activez le plugin, cochez les pages souhaitées, enregistrez. Vos visiteurs bénéficient d'une capture de section fluide avec une navigation par points latéraux - pas de code, pas de gymnastique de création de pages.
- Molette de la souris
- Balayages tactiles avec un seuil réglable
- Prise en charge complète du clavier : flèches, Page précédente/suivante, Espace, Accueil
- Navigation par points cliquables avec info-bulles sur le nom de la section
- Flèche de défilement rebondissante en option qui se cache sur la dernière section
Comment ça marche
De l'installation à la pleine page en trois étapes
Installer
Téléchargez le plugin comme n’importe quel autre plugin WordPress. Un nouveau menu « Défilement de section » apparaît dans votre administration.
Choisissez vos pages
Utilisez le sélecteur de page consultable pour activer le défilement des sections sur les pages sélectionnées – ou activez-le sur l’ensemble du site en un seul clic.
Ajustez la sensation
Choisissez la vitesse, l'assouplissement, le style de point et les couleurs avec un aperçu en direct. Enregistrez, et votre page Divi défile comme un site vitrine.
Pourquoi le choisir
Tout ce qu'un plugin pleine page devrait faire – bien fait
Véritable défilement natif
Le moteur anime la position de défilement réelle du navigateur au lieu de transformer la page. Ainsi, la parallaxe Divi, les éléments collants et les effets de défilement continuent de fonctionner exactement comme prévu.
Contrôle par page
Un sélecteur de page consultable avec tout sélectionner/effacer vous permet d'activer le défilement de la page entière exactement là où il appartient - pages de destination oui, articles de blog non.
Sections hautes manipulées
Les sections plus hautes que l'écran défilent naturellement à l'intérieur d'elles-mêmes avant de s'enclencher. Le contenu long n’est jamais coupé.
Belle navigation par points
Points, lignes ou carrés : gauche ou droite, taille et couleurs personnalisées, info-bulles affichant le nom de la section et aperçu en direct directement dans les paramètres.
Liens d'ancrage
Les éléments de menu pointant vers une section y glissent avec la même animation. Les mises à jour facultatives du hachage d’URL signifient que les liens partagés atterrissent dans la bonne section.
Tenir compte du pied de page
Incluez le pied de page comme arrêt de défilement final ou laissez-le de côté : dans tous les cas, rien sur votre page ne devient inaccessible.
Adapté aux mobiles
Touchez les balayages avec un seuil réglable ou revenez au défilement normal en dessous d'un point d'arrêt configurable (980 px correspond au point d'arrêt de la tablette Divi).
Accessible par défaut
Respecte la préférence de mouvement réduit du visiteur, de vrais boutons avec étiquettes ARIA, une gestion du focus et un ordre de tabulation cohérent.
Léger
JavaScript Vanilla sur le front-end – pas de jQuery, pas de bibliothèques lourdes. Les ressources se chargent uniquement sur les pages où le défilement des sections est actif.
Divi 5
Cible les sections Divi dans Divi 4 et Divi 5, ignore automatiquement les zones de modèle d'en-tête/pied de page et n'interfère jamais avec Visual Builder.
Six courbes d'assouplissement
D'une douce entrée-sortie à un subtil dépassement « arrière », avec une durée de transition de 200 à 3 000 ms, trouvez la sensation exacte de votre marque.
Adapté aux développeurs
Une petite API JavaScript (next, prev, goTo…), un événement DOM dss:change à chaque changement de section, des filtres WordPress et un sélecteur de section personnalisé.
Contrôle total
Chaque option, une page de paramètres propre
Pas d'options dispersées, pas de shortcodes à mémoriser. Un écran de paramètres moderne contrôle tout, avec un aperçu de la navigation par points en direct pendant que vous effectuez les modifications.
Où ça marche
- Pages sélectionnées ou toutes les pages
- Sélecteur de pages consultable
- Tout sélectionner/effacer les raccourcis
- Insigne de première page
Comportement de défilement
- Durée de transition (200 à 3 000 ms)
- 6 courbes d'assouplissement
- Clavier
- Seuil de balayage
- Défilement gratuit dans les sections hautes
- Arrêt du pied de page, mode boucle
- Liens d'ancrage
Interface utilisateur de navigation
- Points, lignes ou carrés
- Position gauche ou droite
- Taille
- Info-bulles sur les noms de section
- Couleur de la flèche de défilement vers le bas
- Aperçu en direct
Mobile
- Point d'arrêt de secours mobile
- Support à mouvements réduits
- Décalage d'en-tête fixe
- Index Z de navigation
- Sélecteur de section personnalisé
FAQ
Questions fréquemment posées
La parallaxe Divi, les éléments collants et les effets de défilement fonctionnent-ils toujours
Oui. Le plugin anime la position de défilement native du navigateur au lieu de transformer la page avec CSS, de sorte que tout ce qui réagit au défilement continue de fonctionner exactement comme prévu.
Qu'arrive-t-il aux sections plus hautes que l'écran
With "free scroll inside tall sections" enabled (the default), a tall section scrolls normally inside itself; once you reach its edge, the next scroll snaps to the following section. Nothing gets cut off.
Does it hijack scrolling in the Divi builder?
No. The engine never loads inside the Visual Builder, the Customizer or previews — editing stays completely untouched.
Can I trigger section changes from my own buttons?
Yes. Point any link at a section's CSS ID and the smooth anchor handling picks it up, or call the JavaScript API directly, e.g. DiviSectionScroll.goTo(2).
Give your Divi pages the fullpage feel
Join the Divi site owners who turned ordinary pages into immersive, section-by-section experiences — in minutes, without a line of code.
Buy Divi Section Scroll on the Divi Marketplace → By Divi Layouts Pro — official Divi Marketplace author