Taşıma Kaydırma jQuery olay Drag ile barlar ve

ben üzerinde düzenlenmiş bazı oyuncak divs bir oda div Bırak, alt text http://i27.tinypic.com/2rwt4t5.jpg Taşıma Kaydırma jQuery olay Drag ile barlar ve

Oyuncak absolutly konumlandırılmış görmek ve sürükle mümkün odanın duvarlarında ile vardır. Oda kabini (div) sabit bir yüksekliğe ve yüksekliğe sahiptir, bu nedenle oda yatay ve dikey kaydırmaya sahiptir. DnD'yi kurmak için jquery event drag eklentisini kullanıyorum. Oyuncak sürgüyü sadece duvarın lomitlerinde kurmayı başardım, ancak kaydırmalar olduğunda, bileşen duvarın küçük bir kısmını (sadece duvarın gerçek genişliğine kadar) hareket ettiriyor.

ben z-index ayarlama çalıştı alt text http://i30.tinypic.com/jac19i.jpg

aşağıda gösterildiği gibi oyuncağın yalnızca bir kısmını göstermek istiyorum, ancak hiçbir etkisi yoktur, herhangi bir iyi bir fikri var?

kaynak

2010-07-26 Mithun Sreedharan

Got şey, kesinlikle oda div bot pozisyonu ve oda kapsayıcı div –

Gerçek kodu görmeye tanık olma, sanırım taşma: gizli bunu çözebilir mi?

kaynak

2010-07-26 11:19:28

'taşma gerekir: hidden'' div toy' mutlak konumlandırılmış olarak hiçbir etkisi olmaz. –

cevabımı yukarıda görüyorum, taşma: gizli * olmalı * çözüm olmak – michael

Sen kaydırma

kaynak

2010-08-06 13:32:24

aşağıdaki örnek ile çalışmak scrollTo eklentisi http://demos.flesler.com/jquery/scrollTo/ kullanılan olabilir gösterir taşma: gerçekten ne istediğini yapar gizlendi. Kodunuzla ilgili bir şey var, ancak yayınlamadıkça size yardımcı olamıyoruz!

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>

kaynak

2010-08-11 15:53:55 michael

Taşıma Kaydırma jQuery olay Drag ile barlar ve

cevap

İlgili konular