IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Scroll page haut et bas


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de bractar
    Inscrit en
    Janvier 2004
    Messages
    224
    Détails du profil
    Informations forums :
    Inscription : Janvier 2004
    Messages : 224
    Par défaut Scroll page haut et bas
    Bonjour,
    ce script est sensé se trouver à la pelle sur google mais je n'ai pas trouvé celui qui me convenant.
    C'est simple, je voudrais qu'au survol d'une image on fasse défiler la page vers le haut (idem pour le bas)

    J'ai fait ceci:
    Mais du coup je me retrouve avec des défilements à l'infini

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    ...onMouseOver="scrollHaut();" onmouseout="scrollArret();"...
     
    function scrollHaut()
    {
    	window.scrollBy(0, 1);
    	setTimeout('scrollHaut()',1);
    }
    function scrollBas()
    {
    	window.scrollBy(0, -1);
    	setTimeout('scrollBas()',1);
    }
    Merci d'avance pour votre aide

  2. #2
    Membre Expert
    Avatar de ryan
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2003
    Messages
    956
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2003
    Messages : 956
    Billets dans le blog
    1
    Par défaut
    Yop!

    La solution est dans clearTimeout.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
     
    <html>
    <head>
    <script language="javascript">
    var sh;
    var sb;
     
    function scrollHaut()
    {
    	window.scrollBy(0, 1);
    	sh = window.setTimeout('scrollHaut()',1);
    }
     
    function scrollBas()
    {
    	window.scrollBy(0, -1);
    	sb = window.setTimeout('scrollBas()',1);
    }
     
    function scrollArret()
    {
    	window.clearTimeout(sh);
    	window.clearTimeout(sb);
     
    }
    </script>
    </head>
    <body>
    <a href="#" onMouseOver="scrollHaut();" onmouseout="scrollArret();">Haut</a>
    <br>
    <a href="#" onMouseOver="scrollBas();" onmouseout="scrollArret();">Bas</a>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    Bas de page
    </body>
    </html>

  3. #3
    Membre confirmé Avatar de bractar
    Inscrit en
    Janvier 2004
    Messages
    224
    Détails du profil
    Informations forums :
    Inscription : Janvier 2004
    Messages : 224
    Par défaut
    merci!!!!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Background en dégradé vers le haut en bas de page
    Par kirasakuya dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 25/03/2010, 11h43
  2. Bloc visible alors qu'ont scroll de haut en bas la page.
    Par matheg dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 17/08/2008, 21h02
  3. [jquery] Faire un simple scroll pour "haut de page"
    Par Tchupacabra dans le forum jQuery
    Réponses: 2
    Dernier message: 11/02/2008, 11h29
  4. [HTML] Tableaux Ancre en haut et bas de page
    Par codez dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 23/03/2006, 14h35

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo