14 svar · 751 visningar · startad av mattiasnordin
Finns det någon funktion för att scrolla ner så att jag följer det som printas ut längst ner på en sida? Alltså scroll listen ska alltid var i scrolla till längst ner läget.
Sidan som skapas tar ca 5 minuter att skapas och allt nytt hamnar som i en lista, längst ner.
:stud
Hittade följande:
http://devguru.com/technologies/javascript/10903.asp
function toTop() {
self.scrollTo(0, 0)
}
</script>
Men hur vet jag vad som är botten på fönstret ?
Du kanske kan kolla scrollHeight på bodyn. :i
jag får inte riktigt till detta. Vad frustrerande. Hittade en annan tråd där följande var lösningen men det returnerar object doesnt support this property or method för mig.
<script type="text/javascript">
function doit(){
if (document.body.scrollHeight){
window.scrollto(0, document.body.scrollHeight);
}
else if (screen.height){
window.scrollto(0, screen.height);
}
}
</script>
<form action="" method="POST" id="myForm">
<input type="Button" name="" value="Top" id="myButton" onClick=doit()>
</form>
Jag använder mig av IE6
scrollTo().
Pinsamt...
Visst var det så!
Nu till nästa fråga.
Borde man inte få anropa funktionen när som helst utan att behöva trycka på en knapp?
<script type="text/javascript">
function doit(){
if (document.body.scrollHeight){
window.scrollTo(0, document.body.scrollHeight);
}
else if (screen.height){
window.scrollTo(0, screen.height);
}
}
doit()
</script>
fungerar inte för mig. Inget händer.
Fick du det att fungera med den metoden?
Jag har samma problem och lyckas inte lösa det med det där scriptet.
När jag använder det så händer ingenting före hela sidan är klar då hoppar webbläsaren ner till botten av sidan.
Jag vill att den ska hålla sig nere på botten hela tiden så att man alltid ser den sista textraden.
Är det möjligt att göra det på något enkelt sätt?
Nej jag fick det inte att fungera. Skulle fortfarande ha nytta av det dock.
<body onload="doit();">
Men värstans vad ni krånglar till det!
<script type="text/javascript">
window.onload=function(){
self.scrollTo(0,9999999999999)
}
</script>
Det fungerar tyvärr inte bättre än de tidigare exemplen.
Man måste nog använda någonting annat än onload. onload verkar inte aktiveras förrän hela sidan är laddad.
Nej det var just det som var problemet. Min loggfil tog några minuter att skapa. Sidan blir alltså väldigt lång och den skapas med "response flush".
Funderarde på att göra en funktion som triggar "self.scrollTo(0,9999999999999)" en gång per sekund.
Har dock inte kommit till skott någon gång.
Kom på en helt ny lösning:
<style type="text/css">
.bottom{
bottom: 20px; position: absolute;
}
.bottomlink{
bottom: 0px; position: absolute;
}
</style>
<a href="javascript:;;" onclick="var z=document.getElementById('bottombox'); z.className=(z.className=='bottom')?'':'bottom'; this.className=(this.className=='bottomlink')?'':'bottomlink';" class="bottomlink">läge</a>
<body>
<div id="bottombox" class="bottom">
<!-- Gör dina utskrifter här -->
</div>
</body>
Här finns det två lägen. I det ena klistras allt mot botten men du kan inte skrolla. Precis tvärtom är det med det andra läget.