Faites défiler votre page où vous voulez, et améliorer l'expérience de vos visiteurs en leur offrant une navigation fluide et agréable. Utiliser l'option du bouton "Retour en haut" pour revenir au haut de la page sans effort.
Utilisez-le dans votre menu
Vous pouvez utiliser la classe CSS "scrollTo" directement dans l'édition des éléments de menu, depuis le gestionnaire de menu joomla. Vous pouvez appliquer la fonction de défilement à n'importe quel lien de vos menus.
Facile à utiliser !
Pas besoin de connaissances avancées pour l'utiliser, il suffit d'ajouter une classe CSS et l'identifiant html de la zone de votre page où vous souhaitez faire défiler.
Réglages généraux
Vous pouvez gérer l'effet du défilement comme vous le souhaitez. Allez dans les options du plugin et configurez comme vous voulez qu'il fonctionne :
- Durée de l'effet
- Décalage vertical (pour positionner la page correctement au scroll)
- Conserver le hash tag
Paramètres personnalisés
Vous pouvez utiliser le défilement sur n'importe quel lien de votre page. Vous pouvez ajouter des attributs sur votre ancre pour configurer le défilement pour qu'il ait un effet différent pour chaque lien. Pour chaque lien vous pouvez paramétrer :
- Durée de l'effet
- Décalage vertical (pour positionner la page correctement au scroll)
- Décalage vertical pour mobile !
Paramètres mobiles
Décidez comment vous voulez que la fonction de défilement fasse défiler votre page sur mobile. Vous pouvez configurer un décalage spécialement pour les appareils mobiles à l'aide d'un point d'arrêt de résolution. Sous cette résolution, la fonctionnalité de défilement utilisera le décalage mobile pour se positionner.
Vous pouvez également définir un décalage mobile personnalisé sur chaque lien.
Retour en haut
Ne perdez pas votre temps à défiler vers le bas et vers le haut, cliquez simplement sur le bouton et remontez en haut en une seconde sans effort. C'est le but du bouton retour en haut. Vous pouvez l'activer en un clic dans les options du plugin et configurer les options : décalage à partir duquel le bouton commence à s'afficher, si vous souhaitez afficher le texte et/ou l'icône de flèche.
Version Light
Option de décalage vertical
Option décalage mobile
Option de vitesse de défilement
Option retour en haut
Options de style du retour en haut : marge, couleur, etc.
Styles prédéfinis
Options de flèche du retour en haut
Support par forum
Valide pour plusieurs domaines
1 An de mises à jour
Version Pro
Option de décalage vertical
Option décalage mobile
Option de vitesse de défilement
Option retour en haut
Options de style du retour en haut : marge, couleur, etc.
Styles prédéfinis
Options de flèche du retour en haut
Support par forum
Valide pour plusieurs domaines
1 An de mises à jour
- Add compatibility with Joomla 5 native (without the compatibility plugin)
- Add compatibility with Scroll To CK for the active state on scroll
- Fix default style back compatibilty issue after update
- Improve the default for something more modern
- [Pro] Add animation on scroll for the Go To Top button (see demo on joomlack.fr)
- Fix accessibility issue (use button instead of navigation role)
- Fix accessibility issue if not text is used
- Add compatibility with accessibility using role and aria-label on the scroll to top link
- Fix issue with arrow position
- New version Pro
- [Pro] New options for the arrow : position, image, size ...
- [Pro] New display type option
- Fix JS issue with Joomla 4
- Improve the positioning on page with a timer
- Fix issue with scrolling freezed on page load
- Remove hashtag on page load
- Fix issue with the image url
- Improve the scrolling feature on page load (no need to have the link in the page)
- Add compatibility with Joomla 4
- Update the script to make it callable by external ressources. Compatibility with Mobile Menu CK
- Fix issue with mobile offset and active menu item
- Fix issue with admin options
- Add mobile resolution option
- Add mobile offset option
- Add keep hash tag option
- Fix JS errors is the .scrollTo css class is not applied to a link
- Add option to hide the Go To Top button on mobile with a custom resolution value
- Add data-speed and data-offset attribute options on each link to set custom settings per link
- Add z-index to avoid the button to be hidden
- Add option to show/hide the text in the go to top link
- Add multiple options to style the go to top link
- Disable in popups
- Fix issue to close mobile menu when using submenus
- Add compatibility with PHP7
- Fix issue with a js error
- Fix issue with the animation on a simple anchor
News