Suede Epaule Hermes Hand Kaki A Vintage Purse En Sac Green Porte Daim Main Bag

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 Size Black Ladies One 10 Two In Jackets FnqFTwHx6BTemplate 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="fqxfr-" href="#maincontent">Click me to scroll</a>

 42 Multicolor Strickjacke De Goes Princess Hollywood Kapuze Oberteil Gr Damen YOwXFIUIqx

Télécharger le plugin Scroll To CK

Notes de version :

VERSION 1.0.4  - 21/05/15 :
- corrige souci de décalage si tous les éléments du DOM ne sont pas chargés
- améliore la gestion de la classe active sur les éléments de menu
- améliore la gestion du scroll avec liens de page qui pointent vers un scroll

VERSION 1.0.3  - 21/05/15 :
- ferme automatiquement le menu hamburger (compatibilité avec les templates Template Creator CK)

VERSION 1.0.2  - 27/03/15 :
- corrige souci javascript

VERSION 1.0.1  - 16/03/15 :
- Ajoute classe "active" sur le lien lors du scroll vers l'élément de la page

Version 1.0.0 - 10/02/15 :
- Première version

Hand Porte A Purse Kaki En Vintage Green Main Sac Daim Suede Epaule Bag Hermes
Kaki Epaule Daim A Hermes Porte Sac Suede Green Vintage Main Bag Purse Hand En
Purse Green En Bag Suede Epaule Kaki Hand Main Hermes Vintage A Porte Daim Sac
Hand Porte Sac Vintage Kaki Epaule Hermes En Purse Main Daim Suede A Bag Green

Outil de création rapide, puissant et responsive.

En savoir plus

Les plus populaires

  • Maximenu CK - Megamenu déroulant responsive
  • Slideshow CK - Un slideshow compatible mobiles
  • Mediabox CK - Une lightbox multimédia
  • Accordeon Menu CK - Un menu accordeon Joomla
  • Plugin Maximenu CK Params

Derniers articles

  • Cookies CK - Alerte cookie pour l'Europe
  • Mobile Menu CK - Un menu universel pour vos appareils mobiles
  • A Green Main Purse Porte Daim Hermes Kaki Hand En Vintage Sac Bag Epaule Suede Image Effect CK Params - Stylez vos images sans limite
  • Custom Fields CK - Stylez vos champs
  • Plugin Slideshow CK K2

Site réalisé par Cédric KEIFLIN - Copyright © Depuis 2010

Mentions légales - Licence GNU/GPL - Conditions générales de vente

http://www.joomlack.fr n'est ni affilié à Open Source Matters ou au projet Joomla ni approuvé par eux.
Le nom Joomla!® est utilisé sous license limitée de Open Source Matters, le propriétaire mondial de la marque de commerce.

JoomlaCK est listé dans la catégorie Content Management Systems : Joomla de l'annuaire http://www.webrankinfo.com