Joomla compatibility : Joomla 5 Joomla 4 Joomla 3

Faire défiler son site

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.

Lire la documentation

css design
css design

 

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 !

Lire la documentation

css design

 

css design

 

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.

css design

 

 

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

FREE

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

12 €

 

Lire la documentation

 

Notes de version (cliquer pour afficher) :


VERSION 1.4.0 - 03/10/23
  • Add compatibility with Joomla 5 native (without the compatibility plugin)
  • Add compatibility with Scroll To CK for the active state on scroll
VERSION 1.3.1 - 03/10/23
  • Fix default style back compatibilty issue after update
VERSION 1.3.0 - 02/10/23
  • 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
VERSION 1.2.2 - 21/08/23
  • Add compatibility with accessibility using role and aria-label on the scroll to top link
VERSION 1.2.1 - 19/07/22
  • Fix issue with arrow position
VERSION 1.2.0 - 28/03/22
  • New version Pro
  • [Pro] New options for the arrow : position, image, size ...
  • [Pro] New display type option
VERSION 1.1.12 - 20/07/21
  • Fix JS issue with Joomla 4
VERSION 1.1.11 - 08/04/21
  • Improve the positioning on page with a timer
VERSION 1.1.10 - 10/02/21
  • Fix issue with scrolling freezed on page load
  • Remove hashtag on page load
VERSION 1.1.9 - 08/02/21
  • Fix issue with the image url
VERSION 1.1.8 - 02/02/21
  • Improve the scrolling feature on page load (no need to have the link in the page)
VERSION 1.1.7 - 05/08/20
  • Add compatibility with Joomla 4
VERSION 1.1.6 - 29/05/20
  • Update the script to make it callable by external ressources. Compatibility with Mobile Menu CK
VERSION 1.1.5 - 09/11/19
  • Fix issue with mobile offset and active menu item
  • Fix issue with admin options
VERSION 1.1.4 - 02/11/19
  • Add mobile resolution option
  • Add mobile offset option
  • Add keep hash tag option
VERSION 1.1.3 - 17/12/18
  • Fix JS errors is the .scrollTo css class is not applied to a link
VERSION 1.1.2 - 10/12/18
  • 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
VERSION 1.1.1 - 21/11/18
  • Add z-index to avoid the button to be hidden
VERSION 1.1.0 - 06/11/18
  • Add option to show/hide the text in the go to top link
  • Add multiple options to style the go to top link
VERSION 1.0.9 - 30/11/17
  • Disable in popups
VERSION 1.0.8 - 30/05/17
  • Fix issue to close mobile menu when using submenus
VERSION 1.0.7 - 07/12/16
  • Add compatibility with PHP7
VERSION 1.0.6 - 23/08/16
  • Fix issue with a js error
VERSION 1.0.5 - 02/07/15
  • Fix issue with the animation on a simple anchor

 

Outil de création rapide, puissant et responsive.

En savoir plus

Extensions favorites

logo maximenuck 110 logo pagebuilderck 110 logo slideshowck 110template creator ck large 449

Sauvegarder
Choix utilisateur pour les Cookies
Nous utilisons des cookies afin de vous proposer les meilleurs services possibles. Si vous déclinez l'utilisation de ces cookies, le site web pourrait ne pas fonctionner correctement.
Tout accepter
Tout décliner
Analytics
Outils utilisés pour analyser les données de navigation et mesurer l'efficacité du site internet afin de comprendre son fonctionnement.
Google Analytics
Accepter
Décliner