---
title: "Scrolla då ajax laddat klart"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/164865-scrolla-då-ajax-laddat-klart"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Gaski"
published: "2007-09-25T22:01:07.000Z"
updated: "2007-10-04T17:40:36.000Z"
replies: 7
views: 702
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/164865-scrolla-då-ajax-laddat-klart"
---

# Scrolla då ajax laddat klart

## #1 — Gaski, 2007-09-25T22:01Z

Jag önskar scrolla ner i en div (som fylls av en ajax-funktion) då den är färdigladdad. Bifogad kod känns som om det skulle fungera, men det gör den inte. Hur kan man åstakomma detta?

```
function updatePlan() {
  var xmlHttp
  try{
    xmlHttp=new XMLHttpRequest();
  }catch (e){
    try{
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }catch (e){
      try {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }catch (e){
        alert("Your browser does not support AJAX!");
        return false;
      }
    }
  }
  xmlHttp.onreadystatechange=function(){
    if(xmlHttp.readyState==4) {
      document.getElementById('plan').innerHTML=xmlHttp.responseText;
      document.getElementById('mainContent').scrollTop = 200;
    }
  }                                                                             
  url = "plan.php"
  xmlHttp.open("GET",url,true)
  xmlHttp.setRequestHeader(
        "Content-Type",
        "text/html; charset=iso-8859-1");
  xmlHttp.send(null)
```

Permalänk: https://www.webforum.nu/p/164865

## #2 — Peter S, 2007-09-26T18:05Z

Hur ser HTML-koden ut?

Permalänk: https://www.webforum.nu/p/2034757

## #3 — Gaski, 2007-09-27T20:47Z

Hmm, den är lång, den vill du inte se :)

plan är en div som ligger i mainContent, som också är en div. Det är mainContent som jag vill scrolla när texten har laddats in i plan.

Permalänk: https://www.webforum.nu/p/2035074

## #4 — Peter S, 2007-09-27T21:26Z

Följande fungerar för mig:

```
<form>
 <input type=button onclick="document.getElementById('d').scrollTop=20">
</form>
<div id="d" style="background:red;overflow-y:auto;height:50px;width:60px">
 <div style="background:green">a<br>b<br>c<br>d</div>
</div>
```

Permalänk: https://www.webforum.nu/p/2035084

## #5 — Gaski, 2007-09-27T22:51Z

Ja, men det är inte om scrollTop fungerar eller ej som är frågan. Frågan är hur jag ska kunna köra en funktion 'onComplete'. Dvs när den andra är klar.

Permalänk: https://www.webforum.nu/p/2035097

## #6 — Peter S, 2007-09-28T17:55Z

Du vill köra en funktion när onreadystatechange är klar?

Permalänk: https://www.webforum.nu/p/2035230

## #7 — Gaski, 2007-10-04T12:46Z

Precis

Permalänk: https://www.webforum.nu/p/2036530

## #8 — Peter S, 2007-10-04T17:40Z

Lägg in anropet i

```
  xmlHttp.onreadystatechange=function(){
    if(xmlHttp.readyState==4) {
      document.getElementById('plan').innerHTML=xmlHttp.responseTe  xt;
      document.getElementById('mainContent').scrollTop = 200;
      [b]code goes here...[/b]
    }
  }
```

Permalänk: https://www.webforum.nu/p/2036586

---

Tråden på webben: https://www.webforum.nu/amne/javascript/164865-scrolla-då-ajax-laddat-klart