Handling paski przewijania z jQuery zdarzeń przeciągnij i upuść

Mam div div pokój z niektórych zabawek umieszczonych na niej zobaczyć alt text http://i27.tinypic.com/2rwt4t5.jpg Handling paski przewijania z jQuery zdarzeń przeciągnij i upuść

zabawki są absolutnie ustawione i są w stanie z przeciągania w ścianach pomieszczenia. Dywan kontenerowy pomieszczenia ma stałą wysokość i wysokość, więc pomieszczenie ma zarówno poziome, jak i pionowe zwoje. Używam wtyczki jquery event drag do konfiguracji DnD. Udało mi się ustawić zabawki przeciągając je tylko w ścianach ściany, ale gdy są zwoje, komponent przesuwa się trochę po ścianie (tylko do rzeczywistej szerokości ściany).

chcę pokazać tylko część zabawki, jak pokazano poniżej alt text http://i30.tinypic.com/jac19i.jpg

próbowałem ustawienie z-index, ale nie ma żadnego wpływu, ktoś ma lepszy pomysł?

Źródło

2010-07-26 Mithun Sreedharan

coś, trzeba absolutnie pozycja bot div pokoju i pokój kontener div –

Withouth widząc rzeczywisty kod, chyba nadmiar: ukryty może rozwiązać ten problem?

Źródło

2010-07-26 11:19:28

'overflow: hidden' nie ma wpływu jako' toy' div są pozycjonowane absolutnie. –

zobacz moją odpowiedź powyżej, przepełnienie: ukryty * powinien * być rozwiązaniem – michael

Można stosować scrollTo wtyczki http://demos.flesler.com/jquery/scrollTo/ pracować z pasków przewijania

Źródło

2010-08-06 13:32:24

Poniższy przykład pokazuje, że overflow: hidden rzeczywiście zrobić to pytasz. Coś jest nie tak z twoim kodem, ale nie możemy ci pomóc, jeśli go nie opublikujesz!

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>

Źródło

2010-08-11 15:53:55 michael

Handling paski przewijania z jQuery zdarzeń przeciągnij i upuść

Odpowiedz

Powiązane problemy