क्षैतिज खींचने को अक्षम कैसे करें? (वेबकिट-ओवरफ्लो-स्क्रॉलिंग: स्पर्श;)

Question

हमारे पास आईओएस 5 की वेबकिट स्क्रॉलिंग 'टच' के लिए निम्न सीएसएस के साथ लंबवत स्क्रॉलिंग ठीक है, लेकिन हम अभी भी पृष्ठ को बाएं और दाएं खींचने में सक्षम हैं। हम बाएं और दाएं खींचने को कैसे अक्षम कर सकते हैं?

यहाँ सीएसएस है:
http://dl.dropbox.com/u/1737103/scrolling.mov

अग्रिम धन्यवाद:

#page_content{ 

-webkit-overflow-scrolling: touch; 
overflow-x:hidden; 
overflow-y: scroll; 
position:absolute; 
height: 460px; 
width: 320px; 

} 

यहाँ वीडियो है!

Answer 1

मैंने पाया कि मैं इसे चौड़ाई से व्यापक तत्वों को ढूंढने/ठीक करने/हटाने के द्वारा इसे ठीक कर सकता हूं। उदाहरण के लिए, यदि आपके कंटेनर पर 100% चौड़ाई है, और फिर अंदर एक तत्व मार्जिन या पैडिंग के साथ 100% चौड़ाई है, भले ही ओवरफ़्लो कंटेनर पर छिपा हुआ हो, तो पृष्ठ तरफ से खींच जाएगा।

यदि आप सुनिश्चित कर सकते हैं कि अंदर के तत्व कंटेनर के बाहर क्षैतिज रूप से फैलते नहीं हैं, तो पेज खींच नहीं जाएगा। यदि आपको कंटेनर के अंदर प्रतिशत चौड़ाई (100% चौड़ाई वाला एक तत्व, या दो 50% या जो भी हो) पर पैडिंग की आवश्यकता है, तो 'बॉक्स-आकार: सीमा-बॉक्स;' आगे रास्ता है।