1. घर
  2. सवाल और जवाब
  3. हैंडलिंग स्क्रॉल सलाखों और ड्रॉप

हैंडलिंग स्क्रॉल सलाखों और ड्रॉप

2010-07-26 16 views
6

मैं इस पर व्यवस्था की कुछ खिलौना divs के साथ एक कमरे div है, को देखने के alt text http://i27.tinypic.com/2rwt4t5.jpgहैंडलिंग स्क्रॉल सलाखों और ड्रॉप

खिलौने absolutly तैनात कर रहे हैं और खींचें करने योग्य कक्ष की दीवारों में साथ हैं। कमरे के कंटेनर div की एक निश्चित ऊंचाई और ऊंचाई है, इसलिए कमरे में क्षैतिज और ऊर्ध्वाधर स्क्रॉल भी हैं। मैं डीएनडी की स्थापना के लिए jquery event drag प्लग-इन का उपयोग करता हूं। मैं केवल दीवारों के लोमों में खिलौनों को खींचने में कामयाब रहा, लेकिन जब स्क्रॉल होते हैं, तो घटक दीवार की थोड़ी सी ओर बढ़ रहा है (केवल दीवार की वास्तविक चौड़ाई तक)।

मैं नीचे के रूप में alt text http://i30.tinypic.com/jac19i.jpg

मैं z-index स्थापित करने की कोशिश की पता चला खिलौना के केवल एक हिस्से को दिखाने के लिए चाहते हैं, लेकिन कोई प्रभाव नहीं है, किसी भी एक बेहतर विचार है?

स्रोत

2010-07-26 Mithun Sreedharan

+0

गॉट कुछ, बिल्कुल कक्ष div बॉट स्थिति और कमरे कंटेनर div –

उत्तर

2

वास्तविक कोड को देखकर, मुझे लगता है कि अतिप्रवाह: छुपा यह हल कर सकता है?

स्रोत

2010-07-26 11:19:28

+0

'अतिप्रवाह की जरूरत है: hidden' के रूप में' divs toy' बिल्कुल तैनात कर रहे हैं कोई प्रभाव नहीं है। –

+0

ऊपर मेरा जवाब देखें, ओवरफ़्लो: छुपा * समाधान होना चाहिए – michael

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>

स्रोत

2010-08-11 15:53:55 michael

संबंधित मुद्दे

 संबंधित मुद्दे