webForumDet fria alternativet

auto bottom scroll i div ?

4 svar · 282 visningar · startad av Macce

MacceMedlem sedan apr. 2001425 inlägg
#1

Håller på med en chat och visar resultatet i en div, problemet är att jag vill att diven ska scrolla automatiskt till sista raden...

Går det att lösa på ngt smidigt sätt ?

mvh

PepeJeriaMedlem sedan feb. 2003774 inlägg
#2

Vad har du innanför div:en? Bara text? Eller även andra taggar? Hur lägger du till texten/taggarna i div:en?

Beroende på ovanstånde skulle man kunna använda sig av scrollIntoView(); eller scrollTop.

MacceMedlem sedan apr. 2001425 inlägg
#3

Fick det att funka med scrollTop fast jag vill köra den i onload taggen, är ingen fena på javascript...

kan inte kobinera dessa utan måste köra dem tillsammans...

vill kombinera dessa:

<script type="text/javascript">
	<!--
	
		window.onload=function(){
			this.content.scrollTop = 99999;
		}
			//-->
	</script>

och samtidigt köra denna funktion i onload: onload="body_onLoad();"

PepeJeriaMedlem sedan feb. 2003774 inlägg
#4

Jag förstår inte, var det inte en div du ville scrolla?

om du vill scrolla en div till slutet så är det bättre att läsa av dess höjd:

<script type="text/javascript">
window.onload=function()
{
	document.getElementById("chatDiv").scrollTop = document.getElementById("chatDiv").scrollHeight;
}
</script>

Om du vill kombinera ovanstående med body_onLoad() funktionen kan du:
1. Lägga in ovanstående rad i body_onLoad() funktionen
2. Ta innehållet i body_onLoad() och lägga i funktionen ovanför.
3. Ge funktionen ovan ett namn och sen lägger du till den på onload i body:n

<body onload="body_onLoad(); dinNyaFunktion();">
MacceMedlem sedan apr. 2001425 inlägg
#5

Tack !

Jag fick det att funka så långt, sen var jag tvungen att uppdatera mer location.reload() istället för location.href='defaul.....

144 ms totalt · 3 externa anrop · v20260731065814-full.3ab8d573
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)