Discussion :

[brisso]

Bonjour,
voici la page ou je voudrais appliquer un multiple scrollTo en jQuery mais je ne parviens pas à le faire. http://b-website.com/alodra/bijoux.php
En effet, comme vous pouvez le constater sur cette page, j'ai plusieurs types de bijoux que je voudrais classer, je m'explique :
imaginez que j'ai 3 sortes de bijoux.
- bagues
- colliers
- boucles d'oreilles
Je voudrais que l'internaute puisse à travers la div de hauteur fixe (celle actuellement avec un scroll) cliquer sur un lien bague, collier, boucle d'oreille et que le div défile doucement vers le début de sa catégorie. En gros remplacer mes actuels boutons "haut de page".

Je m'arrangerais pour qu'il y est un nombre identique de produit par catégorie, je fixerais la hauteur de la div en conséquence et je supprimerais ensuite les barres de défilement pour que la "navigation" ne ce face qu'à travers ces "bouton catégories".

Vous pouvez constater que j'ai déjà un script similaire pour un retour en haut de page mais j'ai essayer de le modifier pour l'appliquer à ma div et je n'y suis pas parvenu.

J'espère avoir été claire ds mes explications.

Par avance merci pour votre aide.
Bonne soirée.

[brisso]

Bonjour,
je penses avoir trouvé mon bonheur. Je reviens vers vous en cas de problèmes.
Bonne journée.

http://flowplayer.org/tools/demos/scrollable/vertical.html

[brisso]

Me revoilà...je poursuis donc mon monologue...

Alors comme vous pouvez le constaté, j'ai réussi à faire plus ou moins ce que je souhaitais mais je voudrais peaufiner un peu la chose et jouer sur la vitesse de transition.
Alors j'ai bien utilisé le script que vous trouverez dans le lien si dessus et j'ai essayé de "bidouiller" pour augmenter la durée de l'animation.

j'ai fais ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$(function() {		
 
	$(".scrollable").scrollable({ vertical: true, mousewheel: false},2000);	
 
});

Oulala me direz vous, il a ajouter un "2" et trois "0" après la virgule.
Mais n'étant pas un intellectuel du JS, je ne sais pas quoi faire de plus pour y parvenir.
Pourriez vous m'aider ?

Merci

PS : pourriez vous me dire si vous voyez un bug au niveau du slider du bas de page "boutique" chez moi le 2 n'apparaît pas...

[brisso]

bon ba je poursuis et clos le débat...seul...(sniff)
La réponse était sous mon nez dans un autre script utilisant la même bibliothèque http://flowplayer.org/tools/demos/sc...le/easing.html

Ce qui me donne donc :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$(function() {		
 
	$(".scrollable").scrollable({ vertical: true, mousewheel: false, speed: 2000});	
 
});

Voilà merci de m'avoir lu...

A plouch

PS : si vous vouliez bien jeter un petit coup d'oeil au postscriptum ci-dessus...