Umgang mit Bildlaufleisten mit jQuery Ereignisse Drag and Drop

Ich habe ein Zimmer div mit einigem Spielzeug divs darauf angeordneten, siehe alt text http://i27.tinypic.com/2rwt4t5.jpg Umgang mit Bildlaufleisten mit jQuery Ereignisse Drag and Drop

Spielzeug ist absolut positioniert und sind per Drag-Lage, mit in den Wänden des Raumes. Der Raumcontainer div hat eine feste Höhe und Höhe, so dass der Raum sowohl horizontale als auch vertikale Scrolls hat. Ich benutze jquery event drag Plug-in zum Einrichten von DnD. Ich schaffte es, die Spielzeuge nur in den Litzen der Wand zu ziehen, aber wenn es Schriftrollen gibt, bewegt sich die Komponente ein wenig außerhalb der Wand (nur bis zur tatsächlichen Breite der Wand).

ich nur einen Teil des Spielzeug zeigen wollen, wie unten alt text http://i30.tinypic.com/jac19i.jpg

ich die z-index Einstellung versucht gezeigt, aber keine Wirkung hat, hat jeder eine bessere Idee?

Quelle

2010-07-26 Mithun Sreedharan

Haben Sie etwas brauchen Raum div absolut Position bot und das Zimmer div-Container –

Withouth den tatsächlichen Code sehen, vermute ich Überlauf: versteckt könnte dies lösen?

Quelle

2010-07-26 11:19:28

'Überlauf: hidden' hat keine Wirkung als' toy' divs sind absolut positioniert. –

siehe meine Antwort oben, Überlauf: versteckt * sollte * die Lösung sein – michael

Sie scrollTo Plugin verwendet wird, kann http://demos.flesler.com/jquery/scrollTo/ mit Scrollbalken zeigt, dass Überlauf unter

Quelle

2010-08-06 13:32:24

das Beispiel funktioniert: versteckt in der Tat, was Sie fragen tut. Mit deinem Code ist etwas nicht in Ordnung, aber wir können dir nicht helfen, wenn du es nicht veröffentlichst!

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>

Quelle

2010-08-11 15:53:55 michael

Umgang mit Bildlaufleisten mit jQuery Ereignisse Drag and Drop

Antwort

Verwandte Themen