CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[HELP] Problème de scrollbar avec un div

Dwo
Dwo
Niveau 10
29 août 2012 à 19:43:35

Bonjour, actuellement je m'entraine à développer un chat en Ajax : JQuery et PHP.

Donc mon code comporte une div dans laquelle les messages postés son stocker. Le css que j'ai installé permet de maintenir un cadre avec une largeur et une hauteur fixen donc quand un message dépasse le cadre, le scrollbar permet de maintenir le suivie;

Mais je cherche à faire descendre le scollbar automatiquement au dernier message posté (les messages allant de haut en bas). J'ai cherché pendant plusieurs temps sur des sites et voila les solutions que j'ai trouvé :

function scroll()
{
var mondiv=document.getElementById("zoneText");
mondiv.scrollTop= 1000;

}

ou

function scroll()
{
var mondiv=document.getElementById("zoneText");
mondiv.scrollTop= mondiv.scrollHeight;

}

(en appliquant cette fonction ensuite sur <body onload="scroll();"> )

Mais ces deux techniques ne marchent plus au bout d'un certain temps (à noter que la deuxième ne marche pas du tout chez moi).

Auriez vous des solutions à ce problème ?

vava740
vava740
Niveau 10
29 août 2012 à 19:48:00

mondiv.scrollTop = mondiv.scrollHeight;

Dwo
Dwo
Niveau 10
29 août 2012 à 19:53:40

Cette fonction est justement altéré par une des mes fonctions AJX getMessages(); qui permet de récupérer les messages toutes les 5 secondes, le scrollbar vient au milieu juste après cette requéte

vava740
vava740
Niveau 10
29 août 2012 à 21:55:53

Il faut exécuter ça après avoir inséré les nouveaux messages. :ok:

Dwo
Dwo
Niveau 10
29 août 2012 à 23:15:59

C'est bon j'ai résolu le problème avec ce code :

$.ajax({
url : "receive.php?id=" + lastID, // on passe l'id le plus récent au fichier de chargement
type : "GET",
success : function(html)
{
$('#zoneText').append(html);
},
complete: function() { mondiv.scrollTop=mondiv.scrollHeight; }

Effectivement vava, le complète fait l'affaire pour exécuter la requête !

Sous forums
  • Aide à l'achat Mac
  • Steam Deck
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Macintosh
  • Hardware
La vidéo du moment