2012-02-26 7 views
6

¿Cuál es la solución para permitir el desplazamiento overflow con elementos posicionados negativa de izquierda y de arriba?desbordamiento (de desplazamiento) para trabajar con `` left` y elementos posicionados top` negativos

Como here in example (jsFiddle), sólo 3 de los cuadrados rojos son visibles y de desplazamiento no se puede cambiar entre. Aunque hay 6 de los cuadrados, 3 de ellos se colocaron negativos en la parte superior.

+0

Sólo me preguntaba, ¿por qué está usando posiciones negativas, a continuación, queriendo que fluir como elementos regulares dentro de esos márgenes negativos? –

+0

No quiero que fluyan como elementos regulares, es solo este ejemplo en particular. Ver http://jsfiddle.net/m85Na/ (un resultado generado diferente de mi aplicación). – jolt

+0

¿Es este el [tipo de efecto] (http://jsfiddle.net/pb4bh/3/) en el que está pensando? No importa las cajas adicionales, me pregunto sobre el comportamiento de desplazamiento. –

Respuesta

2

La única manera que se me ocurre es envolver las plazas en un div la misma altura que ellos y utilizar el método scrollTop de jQuery(): http://www.w3schools.com/jquery/css_scrolltop.asp pero esto también obligará a una barra de desplazamiento horizontal debajo del div contenedor ... respuesta corta: no hay solución de solo CSS, y al posicionarlos se obvia por completo el desplazamiento de esta solución: intente con la flotación hacia la izquierda y limpie cada fila si desea usar este método.

-1

Necesitas envolverlo otra div y darle la propiedad de desbordamiento.

http://jsfiddle.net/pb4bh/1/

+0

Esto solo parece funcionar porque se agrega relleno al divisor de envoltura en la cantidad que los niños están desbordando. No creo que funcionaría si la aplicación fuera dinámica, al menos no sin una cierta lógica JS para cambiar el relleno a medida que se mueven las cosas –

0

Tuve el mismo problema y la única solución que pude encontrar es establecer min-height & min-width usando JavaScript (no estaba usando jQuery en absoluto en este proyecto).

Cuestiones relacionadas