Google क्रोम

Question

पर iframe के लिए क्षैतिज स्क्रॉल बार को कैसे हटाएं मैं लंबवत स्क्रॉलिंग सक्षम और क्षैतिज स्क्रॉलिंग करना चाहता हूं।

स्क्रॉलिंग = "नहीं" वह नहीं है जो मैं चाहता हूं क्योंकि मैं अभी भी लंबवत स्क्रॉलिंग चाहता हूं।

मैं सीएसएस

#myiframe{ 
    overflow-x:hidden; 
    overflow-y:auto; 
    } 

को यह जोड़ने की कोशिश की है, लेकिन यह अभी भी केवल क्रोम के लिए क्षैतिज स्क्रॉल पट्टी को दर्शाता है। बाकी के ब्राउज़र ठीक हैं।

किसी भी मदद

Answer 1

सराहना की आप iframe स्रोत पृष्ठ पर पहुँच है, तो आप

body { 
    overflow-x:hidden; 
} 

जगह कर सकते हैं कि पेज के अंदर। आप नहीं करते हैं, लेकिन कम से कम पेज एक ही डोमेन से कर रहे हैं, मेरा मानना ​​है कि माता-पिता पेज से कुछ इस तरह काम करना चाहिए:

#myiframe body { 
    overflow-x:hidden; 
} 

यदि उपरोक्त में से कोई भी सही है - आप अनुकरण कर सकते हैं "अतिप्रवाह-x : छिपी हुई "वास्तव में iframe कंटेनर के अंदर क्षैतिज स्क्रॉलबार छुपाकर। iframe की क्षैतिज स्क्रॉलबार छिपा दिया जाएगा - एक कम ऊंचाई की एक कंटेनर DIV, उदा .: iframe ऊंचाई के बाद से

<div id="myiframecontainer"> 
    <iframe id="myiframe" src="http://en.wikipedia.org" /> 
</div> 

#myiframecontainer { 
    width:600px; 
    height:400px; 
    overflow:hidden; 
} 

#myiframe { 
    width:100%; 
    height:420px; 
} 

में जगह Iframe div की ऊंचाई और div के अतिप्रवाह के लिए छिपा हुआ सेट किया गया है से भी बड़ा है। लंबवत अभी भी परिचालन बना हुआ है।

डेमो: http://jsfiddle.net/5DPgf/