Lancer un auto-scrol - Défillement verticale automatique

Lancer un auto-scrol - Défillement verticale automatique - HTML/CSS - Programmation

Marsh Posté le 17-12-2013 à 11:54:44    

Bonjour, je voudrais, sur une page de mon site ajouter un lien qui lance un auto-scroll de la page, un défilement automatique de la page du haut vers le bas avec vitesse prédéfini, est-ce possible ?


Message édité par lunnatick le 17-12-2013 à 11:54:58

---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 17-12-2013 à 11:54:44   

Reply

Marsh Posté le 17-12-2013 à 15:29:52    

En dégueulasse avec du js :
 
http://www.w3schools.com/jsref/met_win_scrollby.asp
+ fonction récursive avec setTimeout
 
Mais tu trouveras surement de meilleures choses en jQuery et/ou CSS3.

Reply

Marsh Posté le 18-12-2013 à 05:11:23    

Merci ;)
 
Mais le lien que tu ma donner on ne peu réglé la vistesse de défillement


---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 18-12-2013 à 10:36:23    

La vitesse tu la règles dans le setTimeout (fonction récursive), plus tu rappelles vite ta fonction plus tu te déplaceras rapidement.
 
 

Code :
  1. function dep() {
  2.   window.scrollBy(0,1);
  3.   setTimeout('dep()', 80);
  4. }


 
En changeant le rappel tous les 80ms tu peux changer la vitesse, l’inconvénient c'est que plus tu vas lentement moins ça sera fluide. C'est pourquoi il existe surement de meilleures choses en CSS3 et/ou jQuery.


Message édité par MaybeEijOrNot le 18-12-2013 à 10:36:43
Reply

Marsh Posté le 18-12-2013 à 10:40:32    

ok merci @ toi ;)
 
Je vais déjà voir cela mais si quelqu'un à la solution en CSS3 je préférerais ;)


---------------
http://www.lunnatick.fr/
Reply

Marsh Posté le 18-12-2013 à 14:38:41    

Bon ben j'ai fini par trouver un script jquéry: http://www.webdesignweb.fr/web/fon [...] jquery-820


---------------
http://www.lunnatick.fr/
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed