Estoy usando el típico scroll de layers que usa los siguientes spans:
<span style="position: absolute; top: 55px; left: 690px; width: 1px; height: 1px; z-index: 1;" id="up"><img src="/vidrio/img/scroll-pujar.gif"></span>
<span style="position: absolute; top: 385px; left: 690px; width: 1px; height: 1px; z-index: 2;" id="down"><img src="/vidrio/img/scroll-baixar.gif"></span>
<span style="position: absolute; top: 70px; left: 690px; width: 14px; height: 14px; z-index: 3;" id="drag"><img src="/vidrio/img/scroll-arrosegar.gif"></span>
<span style="position: absolute; top: 70px; left: 368px; width: 14px; height: 14px; z-index: 4;" id="ruler"></span>
<span style="position: absolute; top: 45px; left: 10px; width: 675px; height: 355px; clip: rect(0px, 675px, 355px, 0px); visibility: visible; z-index: 5; overflow: hidden;" id="contentClip">
<span id="content" style="top: 0px;position: absolute;">
Aquí el contenido
</span>
</span>
Las funciones usan el método getElementById() en los navegadores que soportan DOM, y va muy bien en la mayoría de casos.
Sin embargo, ahora que he puesto esos spans dentro de:
<div id="contingut">
No funciona
Supongo que debvo hacer algo como:
document.getElementById("contingut").document.getE lementById("content").style.top
En lugar de:
document.getElementById("content").style.top
Pero no sé que es exactamente lo que debo hacer. De momento voy probando por el método prueba y error. Si alguien se ha encontrado a con este problema y sabe como solucionarlo, me haría un favor compartiendo su conocimiento conmigo.