Axel Richter: div-Inhalt "gescrollt darstellen"?

Beitrag lesen

Hallo,

aber scroll_to geht ja eventuell auch mit dem div.
Ist mir nicht gelungen. Ich würde aber (ohne genauere Kenntnis) vermuten, dass diese Methode nur auf das window-Objekt anwendbar ist.

Richig. Für DOM-Elemente mit overflow-Scrolleigenschaften heißen die Einstellungen für die Scrollposition .scrollLeft und .scrollTop, dort jeweils mit Verweisen auf MSDN. Opera9 unter Windows setzt aber das folgende Beispiel auch um.

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
        "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<title>DIV-Scroller</title>  
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
<style type="text/css">  
<!--  
#scroller { width:300px; height:270px; overflow:auto; }  
#scroller img { width:1200px; height:245px; } /* height ist kritisch! */  
-->  
</style>  
<script type="text/javascript">  
<!--  
function setScrollerCenter() {  
  var myScroller = document.getElementById("scroller");  
  myScroller.scrollLeft = 600-150; // Bildbreite/2 - Scrollerbreite/2  
}  
  
window.onload = setScrollerCenter;  
//-->  
</script>  
</head>  
<body>  
<div id ="scroller"><img src="Beispiel.jpg" alt="Bild zum Scrollen" title=""></div>  
</body>  
</html>  

viele Grüße

Axel