2010-07-26 76 views
6

我有安排它的一些玩具的div房間格,看alt text http://i27.tinypic.com/2rwt4t5.jpg處理滾動條與jQuery事件拖放

的玩具是絕對定位並拖動可以在房間的牆壁。房間的容器div有一個固定的高度和高度,所以房間裏有水平和垂直的卷軸。我使用jquery event drag插件來設置DnD。我設法把玩具拖拽到牆上的l,中,但是當有卷軸時,組件正在移動到牆壁的一側(僅限於牆的實際寬度)。

我想只顯示玩具的一部分,如下圖所示alt text http://i30.tinypic.com/jac19i.jpg

我嘗試設置z-index,但沒有效果,任何人有更好的主意?

+0

得到的東西,需要絕對位置BOT房間格,房間div容器 – 2010-08-01 11:36:04

回答

2

Withouth看到實際的代碼,我想溢出:隱藏可以解決這個問題嗎?

+0

'溢出:hidden'沒有效果的'toy' div的絕對定位。 – 2010-07-26 11:39:00

+0

看到我上面的答案,overflow:隱藏*應該*是解決方案 – michael 2010-08-11 15:56:17

1

以下的例子來工作表明,溢出:隱藏確實做什麼你問。有些東西與您的代碼有關,但除非您發佈它,否則我們無法爲您提供幫助!

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>