[JavaScript] scrollování v elementu <div>

Webdesign, HTML, CSS, Flash, PHP, ASP, .NET, JavaScript. Kritika www stránek na Smetišti.

Moderátor: Moderátoři Živě.cz

Odeslat příspěvekod lukas86 3. 8. 2009 18:34

Ahoj, prosím o radu:

mám element <div>, který má nastaven overflow: auto a určité rozměry, takže se zobrazuje vertikální scrollbar. Funguje to jako chat. Když do textového pole napíšu text, tak se ihned pomocí Ajaxu přidá do toho elementu <div>. Taktéž když napíše příspěvek druhá strana. Problém je, že když je konverzace moc dlouhá, objeví se scrollbar a po každém vloženém příspěvku se posune scrollbar na začátek a když si chce někdo přečíst ten příspěvek nebo příspěvek, který mu někdo napsal jako odpověď musí rolovat dolů. Potřeboval bych poradit, jestli funguje nějaká funkce v JavaScriptu, která by scrollovala na konec toho elementu <div>.

Zkoušel jsem nejdříve pomocí DOM obsah divu smazat a potom vložit znovu celou konverzaci. To někdy fungovalo tak, že se to posunulo nakonec. Někdy to ale zůstalo na začátku.

předem díky za odpověď
lukas86
Junior

Odeslat příspěvekod Nargon 3. 8. 2009 20:15

Uplne nejjednoduzsi mas asi tohle:
Kód: Vybrat vše
var objDiv = document.getElementById("jmenoDivu");
objDiv.scrollTop = objDiv.scrollHeight;
Desktop: Ryzen 7 1800X (3.95GHz, 1.35V), Asus Crosshair VI Hero, 16GB DDR4 Ram (3200MHz), 128GB SSD + 3TB HDD, Nvidia GTX 1080
Notebook: Asus UL50VT 15.6" (SU7300@1.7GHz, 4GB ram, 500GB HDD, Intel GMA 4500MHD + nVidia G210M, dlouha vydrz cca 7+ hod)
Nargon
Moderátor

Odeslat příspěvekod lukas86 5. 8. 2009 14:46

díky moc, funguje to.
lukas86
Junior

Odeslat příspěvekod gofry 31. 8. 2009 16:29

Prípadne pridávaj príspevky na začiatok divu ;-)
gofry
Junior
Uživatelský avatar


Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 0 návštevníků