L'art de créer un site Web de nos jours consiste à apprendre à créer une expérience en ligne. Bon nombre de ces expériences sont des extensions d'une marque ou d'une personne et sont relayées par différentes couleurs, polices, etc. Nous prenons l'expérience de sec et terne à l'amusement et fabuleux.

L'une des techniques les plus branchées pour s'amuser est le défilement. Nous pouvons créer des histoires complètes qui se déplacent horizontalement ou verticalement sur un écran en utilisant de nombreuses scènes différentes. nous pouvons créer des effets qui donnent l'impression que les bulles et autres formes prennent le dessus sur les écrans; nous pouvons créer des arrière-plans qui semblent avoir une profondeur de champ.

Beaucoup de ces techniques sont ce que l'on appelle affectueusement le défilement de parallaxe. D'autres ne sont que des animations vraiment cool que vous pouvez déclencher en déplaçant la molette de la souris. De toute façon, ils sont extrêmement amusants et populaires.

C'est pourquoi aujourd'hui, nous avons rassemblé un tas de nos plug-ins favoris pour obtenir le meilleur du code, et commencer à faire de superbes sites de défilement ...

Scrolld.js

· Démo Scrolld.js ·

Chaton Chaud

Cool Kitten: Un cadre réactif à défilement parallaxe

PliScroll

Plier

fullPage.js

fullPage.js Sites de défilement d'une page

AnimateScroll

http --- plugins.compzets.com-animatescroll- (20131127)

Parallax.js

http --- stolksdorf.github.io-Parallaxjs- (20131127)

Jarallax

http --- www.jarallax.com-demo3- (20131127)

jInvertScroll

http --- www.pixxelfactory.net-jInvertScroll- (20131127)

Contenu complet de jQuery

Jquery fullContent.js

Défilement d'une page

jQuery One Page Scroll par Pete R. | Le design de Pete

jQuery Parallax

jQuery Parallax Plugin Demo

Chemin de défilement

Chemin de défilement jQuery

PageScroller Lite

Plug-in de défilement lisse jQuery | Page scroller

jquery-parallaxe

jquery-parallax - WebLinc

Ancre-arbitraire

jquery.arbitrary-anchor.js | Brian G.

Portfoliojs

Portfoliojs - plugin jQuery pour vos belles images de portfolio avec défilement horizontal

Défilement de la parallaxe

Défilement de Parallax Plugin pour jQuery - Plusieurs parallèles en couches

Scrollocue

Scrollocue

Scrollorama

scrollorama

Scrolltab

Scrolltab par cjsaylor

Scrolly

Scrolly: un simple plugin jQuery parallax

Skrollr

skrollr - défilement de parallaxe pour les masses

Sournois

Sournois

Smint

SMINT | Le plugin jQuery simple pour les amateurs de sites Web d'une page.

Super Scrollorama

SUPERSCROLLORAMA

Avez-vous développé un site basé sur le défilement? Avez-vous utilisé un plugin, si oui lequel? Faites le nous savoir dans les commentaires.