2012-02-26 11 views
6

Qual è la soluzione alternativa per consentire lo scorrimento su overflow con elementi posizionati negativamente da sinistra e dall'alto?overflow (scorrimento) per lavorare con elementi di sinistra `sinistra` e` top` posizionati

Come here in example (jsFiddle), solo 3 dei quadratini rossi sono visibili e lo scorrimento non è attivato. Sebbene ci siano 6 dei quadrati, 3 di questi sono posizionati in negativo.

+0

Basta chiedersi, perché si utilizzano posizioni negative, quindi si desidera che scorrano come elementi regolari all'interno di quei margini negativi? –

+0

Non voglio che scorrano come elementi regolari, è solo questo particolare esempio. Vedi http://jsfiddle.net/m85Na/ (un altro risultato generato dalla mia app.). – jolt

+0

È questo il [tipo di effetto] (http://jsfiddle.net/pb4bh/3/) a ​​cui stai pensando? Non importa le scatole in più, mi sto chiedendo il comportamento del rotolo. –

risposta

2

L'unico modo che posso pensare è quello di avvolgere le piazze in un div alla stessa altezza e usare di JQuery scrollTop() metodo: http://www.w3schools.com/jquery/css_scrolltop.asp ma questo costringerà anche una barra di scorrimento orizzontale sotto il div involucro ... risposta breve: nessuna soluzione CSS-only e il loro posizionamento evita assolutamente lo scroll per questa soluzione: prova a fluttuare a sinistra e cancella ogni riga se vuoi usare questo metodo.

-1

È necessario avvolgere un altro div e assegnargli la proprietà di overflow.

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

+0

Questo sembra funzionare solo perché è stato aggiunto un buffer al wrapper div nella quantità che i bambini stanno traboccando. Non penso che funzionerebbe se l'applicazione fosse dinamica, almeno non senza una qualche logica JS per cambiare il padding mentre le cose vengono spostate –

0

Ho avuto lo stesso problema e l'unica soluzione che ho trovato è l'impostazione min-height & min-width usando JavaScript (non stavo usando jQuery a tutti su questo progetto).

Problemi correlati