plugin LocalScroll. Comment puis-je ajouter un scroll vertical sur ma page Galerie ?
Bonjour,
dans le cadre d'un projet perso j'essaye d'utiliser le plugin pour jquery LocalScroll, disponible ici : http://flesler.blogspot.com/2007/10/...scroll-10.html
Je vous mets la page sur laquelle je bosse pour comprendre la suite, parce que ca risque d'être assez flou :p
http://dsebastien.delrue.free.fr/random/zabeth/
Je m'en sert pour la création d'un portfolio pour quelqu'un de la famille.
Le plugin me sert pour faire un scroll horizontal entre mes 5 pages.
Ça, ca marche nickel, chaque DIV possède une ID, et chaque lien de mon menu appelle index.html#madiv
Avec ou sans le javascript, aucun souci.
La ou je bloque c'est pour rajouter un autre scroll, vertical cette fois ci, dans la page Galerie.
Voilà comment est appelé le plugin :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
$(document).ready(function() {
$.localScroll.hash({
target: '#content', // Could be a selector or a jQuery object too.
axis:'x',
queue:true,
duration:1500
});
$.localScroll({
target:'#content',
axis:'x',
duration:1000,
hash:true,
queue:true //one axis at a time
});
}); |
#content étant le conteneur contenant mes 5 DIV.
Du coup, je ne vois pas trop comment appeler le plugin une autre fois pour mon autre scroll sans que tout se mélange.
J'ai essayé :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
$(document).ready(function() {
$.localScroll.hash({
target: '#content', // Could be a selector or a jQuery object too.
axis:'x',
queue:true,
duration:1500
});
$.localScroll({
target:'#content',
axis:'x',
duration:1000,
hash:true,
queue:true //one axis at a time
});
$.localScroll.hash({
target: '#content_gal', // Could be a selector or a jQuery object too.
axis:'y',
queue:true,
duration:1500
});
$.localScroll({
target:'#content_gal',
axis:'y',
duration:1000,
hash:true,
queue:true //one axis at a time
});
}); |
#content_gal étant le conteneur qui contient mes DIV pour la galerie.
Du coup, ca marche, mais à moitié juste.
Mon scroll vertical se fait correctement, mais ma "page" galerie se décale un peu de façon a venir mettre mon content_gal complètement a gauche.
Du coup, la j'avoue que je bloque :/
J'ai essayé divers trucs mais sans succès !
J'accepte toute pistes ou tout conseils (même si ca n'a rien a voir avec le problème, mais avec le reste du code :p)
merci !
