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 :

Descendre automatiquement / scrollbar


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    551
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 551
    Par défaut Descendre automatiquement / scrollbar
    Salut,

    J'ai fait une page que j'ai allégé ici:
    http://boxfly.free.fr/test/rich-text-area/
    (Marche pas avec IE mais OK avec les autres nav.)

    Voila, quand on met du texte je voudrais que la scrollbar soit tout en bas -10 pixels.
    Ce que je sais:
    window.pageYOffset; permet de savoir la position du scrollbar en haut
    document.body.offsetHeight permet de connaitre la taille de la page

    Ce qu'il me manque, la taille de la scrollbar en bleu pour pouvoir faire un truc du style:
    document.body.offsetHeight - window.pageYOffset - tailleScrollBar + 10

    En fait je voudrais que la scrollbar soit presque tout en bas (-10 pixes) automatiquement, comment je peux faire ?

    Merci,
    Vincent.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.documentElement.scrollTop=paresInt(document.documentElement.scrollHeight)-10
    ??
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    J'allais proposer quelque chose dans le même style mais juste une question Spaffy : pourquoi parseInt ? je veux dire, pourquoi vouloir récupérer une valeur numérique ? Merci de m'éclairer de tes lumières si tu as une minute en repassant par ici

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    parceque selon le navigateur le scrollHeight peut retourner px à la fin
    et le scrollTop n'accepte qu'une valeur numérique
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    551
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 551
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.documentElement.scrollTop=paresInt(document.documentElement.scrollHeight)-10
    ??
    Bonsoir,

    Apparemment cela ne marche pas, voila ce que j'ai ajouté:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function scrollby25() {
      alert("document.documentElement.scrollTop = " + document.documentElement.scrollHeight) ;
      document.documentElement.scrollTop = parseInt(document.documentElement.scrollHeight)-25 ;
    }
    J'ai ajouté cette fonction dans le fichier index.html, elle est appelée à partir du fichier iframe_add.html à chaque fois que la taille de l'éditeur est changée, il suffit donc d'appuyer sur Entrée pour appeler cette fonction et faire l'alert juste avant le scrollTop:
    http://boxfly.free.fr/test/rich-text-area/

    En fait l'ascenseur ne descend pas en bas, ce que je voudrais c'est qu'il soit presque tout à fait en bas, moins -20 pixels en fait...

    Comment je peux faire alors ? Ca marche chez vs ? Moi j'ai essayé avec Firefox, Safari et Chrome sous Mac.

    Merci,
    Vincent.

    PS: Est-il possible de connaitre la taille de l'ascenseur, je pense que cela est indispensable pour pouvoir le déplacer tout en bas - 20 pixels.

  6. #6
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    551
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 551
    Par défaut
    Ca y est les gars, j'y suis arrivé, j'ai cherché dans google "in english" et c'était tout simple:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
      document.body.scrollTop = document.body.scrollHeight - document.body.clientHeight - 20 ;
    La page in english: http://stackoverflow.com/questions/1...dow-scrollmaxy

    Merci pour vos réponses.

    PS: Je le savais qu'il me fallait la taille de l'ascenseur

    PPS: Test positif avec Firefox, Safari, Chrome.

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 09/07/2012, 14h59
  2. 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
  3. faire descendre automatiquement un ascenseur WinAPI
    Par zoumoizou dans le forum Windows
    Réponses: 5
    Dernier message: 02/02/2008, 13h45
  4. Descendre automatique l'ascenseur de la scrollbar
    Par Jonathan.b dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 28/01/2008, 20h46
  5. Faire descendre une scrollbar on on veut
    Par danyboy85 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 13/02/2006, 16h01

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