¿Cómo conseguir hacer funcionar la ruedecita de scroll del ratón en capas y divs?

Daphne · #1 (**permalink**) 11/02/2005, 20:17

Con un trocito de código que he encontrado en el foro, he conseguido que al pasar de una capa visible a otra que estaba oculta la barra de scroll aparezca de nuevo arriba del todo, y no donde se había quedado en la capa anterior.

Ahora bien, ¿es posible conseguir que la rueda de scroll automática del ratón funcione? Como si se trata de un iframe, por ejemplo.

Espero haberme explicado bien.

DeLaVega · #2 (**permalink**) 12/02/2005, 00:22

Debería funcionar... es el sitio que figura en tu firma, no?
Si es ese, es probable que tengas algunos problemas con las capas.
Si bien no tengo mouse con la "ruedita", el botón del medio la simula.
Cuando quiero hacer scroll, no lo hace, salvo que lo haga sobre un texto, si lo hago sobre texto, ahí si funciona. Si lo hago sobre espacio en blanco (o mejor dicho en negro, por el color de fondo) ahí no funciona.
Ahora, bien, si "muevo" ese layer y le saco el atributo left y top (que quede ubicado sin moverse, del lado izquierdo) ahí funciona bien (tanto es espacios donde hay texto como en los espacios vacíos), por ende, el problema es que se superpone con alguna capa (veo que hay capas ocultas por ahí, también puede venir por ahí el tema).

DeLaVega · #3 (**permalink**) 12/02/2005, 01:03

Bueno, el problema lo tenías con la capa de la imagen de fondo (que no está puesta como fondo en realidad).

Lo que tendrías que corregir es lo siguiente:

En div id="box":

1. Borrar FILTER: chroma(color=black); del estilo box (no sé por que, pero hace un efecto raro al hacer scroll, como que lo hace más lento)

2. También sacar: BACKGROUND-COLOR: transparent" allowTransparency;? (no sé si lo usabas por alguna causa en especial, pero sin eso sigue funcionando igual bien aparentemente, además tenía un ? que no va)

Acá viene lo principal, el cambio de la imagen como fondo:

3.

<BODY style="background-image: url('http://www.inthenameofgoth.com/weblog/imagenes/inthenameofgothfondo.jpg'); background-repeat: no-repeat; background-position: 210 100;">

y deberías eliminar la parte donde estaba antes puesta:

<div style="left:210; top:100; position:absolute; z-index:1;">
<img src="http://www.inthenameofgoth.com/weblog/imagenes/inthenameofgothfondo.jpg" class="nada"/></div></style>

Lo traté de dejar en la misma posición que estaba, apenas difiere. Igualmente, como consejo, deberías tratar de ver el tema del scroll horizontal, por ejemplo, yo uso 800x600 y tuve que cambiar a 1024x768 para ver si quedaba más o menos igual con la versión original, y aún en esa resolución, el scroll horizontal sigue activo.

Con respecto a la función (que veo que te sirvió):

<script language="JavaScript1.2">
function cambiar() {
var box, text;box = document.getElementById("box");
text = box.childNodes[0];
box.scrollTop = 0;
text.data = "Como se hace para que cuando yo cambie el contenido de la capa se vea desde el principio siempre sin tener que mover la barra de desplazamiento hacia arriba en el caso en que se hubiera movido en una lectura de un contenido anterior de la capa.";
}
</script>

Podés borrar algunas líneas que no usás y dejar:

<script language="JavaScript1.2">
function cambiar() {
var box;
box = document.getElementById("box");
box.scrollTop = 0;
}
</script>

Espero te sirva, saludos, suerte