एकल उंगली iPhone मोबाइल सफारी

Question

उप में भीतरी सामग्री (div/iframes) के लिए स्क्रॉल: iPhone मोबाइल सफारी वेब अनुप्रयोग

मैं एक वेब पेज भी जब दिखाई एक उपयोगकर्ता स्क्रॉल के कुछ भागों रखने की जरूरत है। सीएसएस संपत्ति की स्थिति: निश्चित रूप से अपेक्षित काम नहीं करता है। अतिप्रवाह का उपयोग करना: ऑटो प्रॉपर्टी पर या दो-उंगली स्क्रॉलिंग की आवश्यकता है जो मैं नहीं चाहता हूं।

जावास्क्रिप्ट या आईफोन सफारी टच एपीआई (टचमोव इवेंट) का उपयोग कर आंतरिक 'div' या 'iframes' सामग्री पर एकल उंगली स्क्रॉलिंग प्रदान करने का कोई तरीका है?

Answer 1

मूल रूप से यह संभव नहीं है, या तो div या iframe के साथ, इसलिए इसे स्पर्श घटनाओं के लिए जावास्क्रिप्ट के साथ हल किया जाना चाहिए। मैं एक परियोजना के लिए एक ही समस्या का शोध कर रहा हूं और फिलहाल मुझे इस समस्या को हल करने वाले कुछ जावास्क्रिप्ट पुस्तकालयों को मिला है।

मैं इस समय इस में देख रहा हूं, लेकिन मैंने अभी तक इसका पालन नहीं किया है।

http://cubiq.org/iscroll-4

three20 प्रसिद्धि के जो हेविट हाल ही में इस बात के लिए समाधान पर देव शुरू कर दिया है, लेकिन वह वास्तव देव प्रक्रिया जहां के रूप में एक दूसरे को अब कुछ वर्षों के लिए चारों ओर हो गया है की शुरुआत में ही है।

http://joehewitt.github.com/scrollability/

Answer 2

सीएसएस में (आईओएस 5 के लिए):

-webkit-overflow-scrolling: touch; 

Answer 3

तुम बस एक उंगली का उपयोग कर सकते हैं, लेकिन आप भीतरी DIV के style.height प्रदान करने के लिए

<div id="container-div" style="overflow:hidden"> 
    <div id="inner-div" style="overflow-y:auto; height:1024px"> 
    <!-- IMPORTANT!! you must specify the height of the inner div to make it scrollable -->