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

HTML Discussion :

Descendre automatique l'ascenseur de la scrollbar


Sujet :

HTML

  1. #1
    Membre régulier
    Homme Profil pro
    Inscrit en
    Avril 2007
    Messages
    277
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 277
    Points : 93
    Points
    93
    Par défaut Descendre automatique l'ascenseur de la scrollbar
    Bonjour à tous,

    Je voudrais avoir l'ascenceur de ma scrollbar directement en bas pour voir la fin du contenu de la div qui a ce scrollbar mais je ne vois pas comment faire.

    Avez vous une idée?

    Merci d'avance.

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 895
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 895
    Points : 16 355
    Points
    16 355
    Par défaut
    Avec un scrollTop en Javascript.

  3. #3
    Membre confirmé Avatar de kohsaka
    Homme Profil pro
    Intégrateur HTML / Developpeur .NET
    Inscrit en
    Janvier 2007
    Messages
    383
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France

    Informations professionnelles :
    Activité : Intégrateur HTML / Developpeur .NET

    Informations forums :
    Inscription : Janvier 2007
    Messages : 383
    Points : 469
    Points
    469
    Par défaut
    j'ai testé plusieurs solutions sans grand succès

    ou est le problème ? y'a pourtant pas grand chose a faire
    la fonction est appelé dans le body.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <script>
            function scrolldiv() {
                    document.getElementById('scroll').scrollTop = 1000;
            }
    </script>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <div id="scroll">
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    </div>

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 895
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 895
    Points : 16 355
    Points
    16 355
    Par défaut
    Avec ça je n'ai pas de problème :

    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
    <script type="text/javascript">
    function scrolldiv() {
       document.getElementById('scroll').scrollTop = 1000;
    }
    </script>
     
    <body onload="scrolldiv()">
    <div id="scroll" style="height:100px;overflow:auto">
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    	<p>blabla</p>
    </div>

  5. #5
    Membre confirmé Avatar de kohsaka
    Homme Profil pro
    Intégrateur HTML / Developpeur .NET
    Inscrit en
    Janvier 2007
    Messages
    383
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France

    Informations professionnelles :
    Activité : Intégrateur HTML / Developpeur .NET

    Informations forums :
    Inscription : Janvier 2007
    Messages : 383
    Points : 469
    Points
    469
    Par défaut
    ok ça marche, j'avais mis une majuscule lors de l'appelle de la fonction

    désolé, pour le dérangement bisûnûrs.

  6. #6
    Membre régulier
    Homme Profil pro
    Inscrit en
    Avril 2007
    Messages
    277
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 277
    Points : 93
    Points
    93
    Par défaut
    Merci beaucoup. Cela marche parfaitement sous FF mais je rencontre un petit problème sous IE. L'ascenseur n'arrive qu'a la moitier de la scrollbar!!!
    D'où cela peut venir?

  7. #7
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 895
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 895
    Points : 16 355
    Points
    16 355
    Par défaut
    C'est avec le code que je t'ai donné ou tu l'as adapté ? Dans le deuxième cas, peux-tu nous le donner ?

  8. #8
    Membre régulier
    Homme Profil pro
    Inscrit en
    Avril 2007
    Messages
    277
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 277
    Points : 93
    Points
    93
    Par défaut
    C'était l'adaptation qui posait quelques problème. Il y avait des éléments à ce rajouter dans la div après que la fonction JS soit exécutée.

    Merci encore.

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 09/07/2012, 14h59
  2. Descendre automatiquement / scrollbar
    Par defacta dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 04/01/2010, 22h47
  3. Descendre automatiquement un JscrollBar
    Par Micke7 dans le forum AWT/Swing
    Réponses: 3
    Dernier message: 19/11/2008, 14h31
  4. Descendre automatiquement d'une case en VBA
    Par NEC14 dans le forum Macros et VBA Excel
    Réponses: 2
    Dernier message: 22/10/2008, 14h40
  5. faire descendre automatiquement un ascenseur WinAPI
    Par zoumoizou dans le forum Windows
    Réponses: 5
    Dernier message: 02/02/2008, 13h45

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