Defilement auto d'une div ? faisable en javascript ?

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Zecat, 23 Décembre 2010.

  1. Zecat
    Zecat WRInaute accro
    Inscrit:
    1 Mars 2005
    Messages:
    9 119
    J'aime reçus:
    1
    Probleme posé : j'ai une liste mise dans une div avec uniquement un scrowl vertical :

    Code:
    <div style="overflow-y: scroll; width: <?=$size_gauche?>px; height: <?=$hauteurhaut?>px">
        <?php
    	ici ma liste affichée			
        ?>
    </div>
    la liste est tres longue et donc il faut jouer de l'ascenceur pour aller voir la fin de la liste ...

    Ce que je voudrais faire : lorsque j'affiche la page, que l'ascenceur de cette div soit automatiquement positionné en position "tout en bas" pour que soit visible la dernière ligne de la liste ...

    Possible ? pas possible ?
     
  2. wengo
    wengo Nouveau WRInaute
    Inscrit:
    17 Décembre 2010
    Messages:
    1
    J'aime reçus:
    0
    Faut vraiment que les derniers soient en bas ?
     
  3. Zecat
    Zecat WRInaute accro
    Inscrit:
    1 Mars 2005
    Messages:
    9 119
    J'aime reçus:
    1
    Et oui pas question de faire un sort dans l'autre sens ! ca serait trop facile ...
     
  4. jeroen
    jeroen WRInaute passionné
    Inscrit:
    30 Août 2002
    Messages:
    2 131
    J'aime reçus:
    0
  5. Zecat
    Zecat WRInaute accro
    Inscrit:
    1 Mars 2005
    Messages:
    9 119
    J'aime reçus:
    1
    Ca me semble parfait comme soluce :

    Code:
    var objDiv = document.getElementById("your_div"); objDiv.scrollTop = objDiv.scrollHeight;
    Par contre vu que je sui sjavascripRank -1 :mrgreen: j'en fait quoi de ce bout de code ? je le mets ou et je le relie comment a ma div (cf plus haut)
     
  6. jeroen
    jeroen WRInaute passionné
    Inscrit:
    30 Août 2002
    Messages:
    2 131
    J'aime reçus:
    0
    dans un un onload de ton body

    Code:
    <body onload="var objDiv = document.getElementById('your_div'); objDiv.scrollTop = objDiv.scrollHeight;">
    et ta div doit être IDenté
    Code:
    <div id="your_div">
    moi qui suis pourtant une grosse brêle en prog, je suis toujours surpris de rencontrer plus mauvais que moi :D
     
  7. Zecat
    Zecat WRInaute accro
    Inscrit:
    1 Mars 2005
    Messages:
    9 119
    J'aime reçus:
    1
    ca marche impec ... grand merci jeroen :wink:
     
Chargement...
Similar Threads - Defilement auto div Forum Date
Script JS de défilement de page Développement d'un site Web ou d'une appli mobile 13 Décembre 2013
Cherche script défilement photos Développement d'un site Web ou d'une appli mobile 7 Mai 2012
Nouvel affichage des résultats : 1 seule page verticale avec défilement Référencement Google 17 Août 2011
Script défilement de photos/textes Développement d'un site Web ou d'une appli mobile 25 Juillet 2011
Défilement de news et referencement Débuter en référencement 24 Janvier 2011
defilement d'image en fondu sur un site Demandes d'avis et de conseils sur vos sites 10 Décembre 2010
Problème liens sur défilement d'images Développement d'un site Web ou d'une appli mobile 18 Mai 2010
code défilement vertical Développement d'un site Web ou d'une appli mobile 2 Décembre 2009
modifier le sens de défilement d'un diaporama Demandes d'avis et de conseils sur vos sites 6 Novembre 2008
Barre de défilement horizontale inutile Développement d'un site Web ou d'une appli mobile 3 Août 2008
défilement d'image Développement d'un site Web ou d'une appli mobile 28 Novembre 2007
Defilement texte [Résolu] Développement d'un site Web ou d'une appli mobile 4 Juillet 2007
Personnalisation des barres de défilement Administration d'un site Web 7 Mai 2005
Défilement de texte Administration d'un site Web 13 Février 2005
comment coder un automatisme pour le volume du téléphone Développement d'un site Web ou d'une appli mobile Mardi à 22:48
Balise IMG avec fihcier SVG et width:auto;height:auto; Développement d'un site Web ou d'une appli mobile Mardi à 11:46
Adsense sur un site 100% crypto est-il autorisé ? AdSense 25 Octobre 2022
Lien d'affiliation autorisé sur le bouton d'action d'une page FB ? Facebook 8 Octobre 2022
Freendi.com - recrutement et média autour du télétravail Demandes d'avis et de conseils sur vos sites 12 Juillet 2022
Quelle est l'impact SEO de la traduction automatique d'un site en plusieurs langues? Référencement international (langues, pays) 5 Avril 2022