Javascript滚动到底部并不总是滚动到底部

Question

I am using an Iframe which reloads itself every 5 seconds. It makes use of javascript to automaticly scroll to the bottom because it has too much content to display in one go, but sometimes after a refresh the scroll bar doesn't go down all the way. Leaving me scrolling it down myself.

I really don't know what it is. Maybe one of you has a better peice of Javascript suited for this.

Javascript:

<script>
var objDiv = document.getElementById("chat");
objDiv.scrollTop = objDiv.scrollHeight;
</script>

The HTML div:

<div id="chat" class="scroll">
*Content going on for 150 lines...*
</div>

Thanks in advance.

Answer 1

You could conceivably create a placeholder div at the bottom of your page, and use this answer to scroll to the bottom of it. This would ensure that you always scroll to that div, rather than what the query perceives as the bottom of the page.