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.
Fonctionnalités
- Scroller / Défiler vers n'importe quel élément de la page (grâce à son ID HTML)
- Fonctionne avec n'importe que lien, de menu ou lien texte
- Facile à utiliser grâce à une classe CSS
- Option pour activer le bouton "Retour en haut"
Comment l'utiliser
Avec un lien de menu
Editez un lien de menu dans votre gestionnaire de menu. Allez dans les options "Type de lien" pour ajouter la classe css "scrollTo" au lien. Cela va indiquer au plugin que ce lien doit être scrollé.
Vous devez définir vers quel élement de la page il faut scroller. Par exemple si vous avez un bloc dans la page ayant pour identifiant HTML "maincontent", vous puovez écrire "#maincontent" dans l'option du lien pour faire défiler la page juqu'à cet élement. Vous devez utiliser un lien de type "Lien externe".
Vous pouvez facilement trouver l'identifiant HTML d'un bloc si vous utilisez Template Creator CK pour créer votre template. L'ID est écrit dans la zone en noir lors du survol du bloc. Ci-après un exemple avec le bloc "maincontent" (extrait de l'interfce de Template Creator CK ) :
Si vous n'utilisez pas Template Creator CK, vous pouvez inspecter votre page avec Firebug pour trouver l'ID du bloc.
Avec un lien texte
Vous pouvez utiliser la même technique mais sur n'importe quel lien de la page. Il suffit d'assigner la classe CSS "scrollTo" au lien et de pointer la cible vers l'élément de la page.
Exemple de code html pour un lien standard :
<a class="scrollTo" href="#maincontent">Click me to scroll</a>
Télécharger le plugin Scroll To CK
- 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