Manipolazione barre di scorrimento con jQuery drag and Drop evento

Ho un div stanza con alcuni div giocattolo disposti su di esso, vedono alt text http://i27.tinypic.com/2rwt4t5.jpg Manipolazione barre di scorrimento con jQuery drag and Drop evento

I giocattoli sono assolutamente posizionati e sono in grado di trascinamento con le pareti della stanza. Il contenitore del locale ha altezza e altezza fisse, pertanto la stanza ha pergamene orizzontali e verticali. Io uso il plug-in jquery event drag per configurare DnD. Sono riuscito a impostare il trascinamento dei giocattoli solo con il lomits del muro, ma quando ci sono dei pergamene, il componente si sposta un po 'fuori dal muro (solo fino alla larghezza effettiva del muro).

voglio mostrare solo una parte del giocattolo come illustrato di seguito alt text http://i30.tinypic.com/jac19i.jpg

ho provato a fissare il z-index, ma non ha alcun effetto, uno ha un'idea migliore?

fonte

2010-07-26 Mithun Sreedharan

Hai qualcosa, hanno bisogno di assoluta posizione di bot div camera e la camera div contenitore –

Con la visualizzazione del codice effettivo, suppongo che l'overflow: nascosto potrebbe risolvere questo?

fonte

2010-07-26 11:19:28

'overflow: hidden' non ha effetto come il' toy' div sono posizionati in modo assoluto. –

vedere la mia risposta sopra, overflow: nascosto * dovrebbe * essere la soluzione – michael

È possibile utilizzare scrollTo plug http://demos.flesler.com/jquery/scrollTo/ di lavorare con le barre di scorrimento

fonte

2010-08-06 13:32:24

L'esempio seguente mostra che overflow: hidden fa davvero fare quello che stai chiedendo. Qualcosa è in accordo con il tuo codice, ma non possiamo aiutarti se non lo pubblichi!

alt text http://img155.imageshack.us/img155/9594/example1281542227415.png

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <title>Example</title> 

     <style type="text/css"> 

      #container { 
       background-color:#ddddff; 
       height:300px; 
       overflow:hidden; 
       position:relative; 
       width:300px; 
      } 

      #container .child { 
       background-color:#ddffdd; 
       height:50px; 
       position:absolute; 
       width:50px; 
      } 

      #container .child1 { 
       left:100px; 
       top:70px; 
      } 

      #container .child2 { 
       left:270px; 
       top:170px; 
      } 

     </style> 
    </head> 

    <body> 

     <div id="container"> 
      <div class="child child1"></div> 
      <div class="child child2"></div> 
     </div> 

    </body> 
</html>

fonte

2010-08-11 15:53:55 michael

Manipolazione barre di scorrimento con jQuery drag and Drop evento

risposta

Problemi correlati