2012-04-03 9 views
7

मैं एक परियोजना के लिए आइसोटोप का उपयोग कर रहा हूं। हमने एक वाणिज्यिक लाइसेंस खरीदा है।एक निश्चित ऊंचाई कंटेनर में आइसोटोप लाइब्रेरी का उपयोग करें?

मुझे एक बड़े लेआउट के भीतर काम करने के लिए एक निश्चित आकार के कंटेनर (ऊंचाई विशेष रूप से महत्वपूर्ण) में आइसोटोप टाइल्स प्राप्त करने की आवश्यकता है।

मैं कंटेनर पर सीएसएस ऊंचाई सेट करने की कोशिश की:

<style type="text/css"> 
    #container { 
    width:990px; 
    height: 550px !important; 
    overflow: scroll; 
    } 
</style> 

लेकिन यह एक गैर स्क्रॉल कंटेनर पैदा करता है। मैं क्या खो रहा हूँ?

उत्तर

9

documentation से:

resizesContainer

resizesContainer | Boolean | true 

आइसोटोप लेआउट के बाद कंटेनर की ऊंचाई (ऊर्ध्वाधर लेआउट मोड के लिए) या चौड़ाई ( क्षैतिज लेआउट मोड के लिए) स्थापित करेगा। यदि आकार बदलता है तो कंटेनर को गलत पर सेट किया गया है, तो अपने सीएसएस में कंटेनर के लिए आकार सेट करना सुनिश्चित करें, इसलिए यह आइसोटोप ट्रिगर होने पर पतन नहीं होता है।

क्या आपने अपने आइसोटोप कॉल पर resizesContainer: false विकल्प सेट करने का प्रयास किया है?

+0

हाँ जो काम करता है लेकिन यह कंटेनर के बाहर आइटम देखने के लिए स्क्रॉल करने के किसी भी माध्यम से इसे काटता है। मैं कुछ तरीकों की तलाश कर रहा था जब उपयोग शेष टाइल्स सेट करने के लिए लंबवत स्क्रॉल कर सकता था। – Steve

+0

@Steve क्या आप अपना सीएसएस पोस्ट कर सकते हैं? मुझे थोड़ा सा संदेह है कि उस सामग्री को 'अतिप्रवाह: छिपी हुई' संपत्ति के साथ छुपाया जा रहा है। –

+0

[fiddle] (http://jsfiddle.net/smlombardi/DSjms/) – Steve

1

मैं इंस्टाग्राम छवियों को एकजुट करने के लिए फिक्स की तलाश कर रहा था जो एक निश्चित ऊंचाई कंटेनर में फिट हो सकता है, जो साइड बाय साइड बॉक्स की तरह प्रदर्शित होगा। यह मेरे लिए http://jsfiddle.net/DSjms/2/show/ @Andres llich द्वारा इस समस्या को हल करता है जब हम width:100% @Andres llich लागू करते हैं तो छवियों को विकृत कर दिया जाता है।

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