22
AVR

Sly - Une librairie Javascript pour gérer le défilement de contenus

Publié le 22/04/13 à 10h25 par Ouark

Sly est une librairie Javascript permettant de créer un défilement horizontal ou vertical de vos éléments.

Sly - Effet smooth scroll - jQuery

Avec Sly, ajouter une navigation horizontal ou vertival à votre site. Vous pourrez également ajouter des animations parallax aux défilements et mettre en place une navigation infinie (infinite scrolling).

Il propose plusieurs modes de navigation : à la souris, au clavier, à l'aide de boutons, de barre de défilements, etc.

Comme toute librairie Javascript qui se respecte, Sly propose de multiples options : il vous sera possible notamment d'activer la navigation, de faire en sorte que l'élément sélectionné soit toujours au centre de l'écran, d'ajouter des transformations et des transitions css3 ou encore de définir des tailles et des marges différentes pour chaque élément.

Coté code, il faut définir la frame qui contiendra la partie visible puis ses élements, dénommés Slidee :

<div id="frame">
	<ul class="slidee">
		<li>Item 1</li>
		<li>Item 2</li> 
		<li>Item 3</li>
	</ul>
</div>

Une fois le markup HTML mis en place, il restera à intialiser la librairie :

var sly = new Sly("#frame").init();

 

Coté compatibilité, cette librairie fonctionne sur tout navigateur web, IE6 compris.

 

Site officiel

Personne n'a baraguiné de chtite phrase pour le moment !


Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web