आईओएस सफारी

Question

पर आईओएस सफारी पर एक "चिपचिपा" फिक्स्ड-पोजिशन आइटम बनाना जो एक आई-फिंगर पनिंग किसी भी घटना उत्पन्न नहीं करता है जब तक कि उपयोगकर्ता पैनिंग बंद नहीं कर देता। एक ऑनस्कोल ईवेंट केवल तभी उत्पन्न होता है जब पृष्ठ आगे बढ़ता रहता है और फिर से खींचा जाता है।

मुझे वास्तविक समय स्क्रॉलिंग का पता लगाने के लिए एक तरीका चाहिए। विशेष रूप से, मैं एक चिपचिपा मेनू बनाना चाहता हूं जो आईओएस सफारी पर भी काम करेगा। गैर-मोबाइल ब्राउज़र पर, ऑनस्कोल ईवेंट सुनते समय तत्व पर "स्थिति संबंधित" के बीच स्विच करके चिपचिपा मेनू किया जा सकता है। यह विधि मोबाइल ब्राउज़र पर काम नहीं करेगी क्योंकि ऑनस्कोल घटनाओं को लगातार नहीं निकाल दिया जाता है। मैं क्या कर सकता हूँ?

Answer 1

मेरे अपने प्रश्न का उत्तर दें। iOS7 अब स्थिति का समर्थन: चिपचिपा डेमो: http://html5-demos.appspot.com/static/css/sticky.html

Answer 2

यदि सब आप चाहते हैं एक चिपचिपा मेनू है, तो आप अपने आप को कुछ सिर दर्द एक मौजूदा लाइब्रेरी का उपयोग करके बचा सकता है। मैं iScroll से सफलता मिली है:

http://cubiq.org/iscroll

कम से कम, आप यह कैसे काम करता है पर एक नज़र लेने के लिए और है कि चारों ओर अपने समाधान का आधार हो सकते हैं।

हैप्पी हैकिंग!

Answer 3

पक्का

पुराना विषय है, लेकिन मैं यहाँ यात्राओं का बहुत कुछ देख सकते हैं। यदि आप चाहते हैं, एक चिपचिपा मेनू है, तो आप निश्चित स्थिति का उपयोग कर सकते हैं। वहाँ iScroll के लिए कोई ज़रूरत नहीं है।

Answer 4

मैं हाल ही में कई घंटे एक ही समस्या के लिए एक व्यावहारिक समाधान के साथ आने की कोशिश कर खर्च किया है। ऐसा करने का कोई सही तरीका नहीं है, हालांकि कुछ सभ्य हैक्स (उनमें से अधिकतर पहले से ही उल्लेख किए गए हैं) हैं। समस्या यह है कि उपयोगकर्ता स्क्रॉल करते समय जावास्क्रिप्ट को रोक दिया जाता है। जब आप प्रभावों पर विचार करते हैं तो यह समझ में आता है, लेकिन यह निश्चित स्थानांतरित तत्व को लागू करना मुश्किल बनाता है।

सबसे अच्छी बात यह है कि मैं खोजने के लिए कर लिया है गूगल पर लोगों द्वारा इस अद्भुत पोस्ट है। आप कार्रवाई में देखने के लिए मोबाइल सफारी में http://gmail.com देख सकते हैं।

https://developers.google.com/mobile/articles/webapp_fixed_ui

आशा इस मदद करता है।

Answer 5

मैं ने वही समस्या और बाध्य संचालकों था touchstart/touchmove/touchend jQuery का उपयोग कर एक उंगली स्क्रॉल पता लगाने के लिए और यह पूरी तरह से काम किया। मेरे मामले में मुझे किसी अन्य तत्व को एक और तत्व के प्रयास के रूप में एक ही तत्व को स्थानांतरित करने की आवश्यकता थी और स्क्रॉल के प्रयास के रूप में यह अच्छी तरह से अपडेट किया गया था, इसलिए यह आपकी आवश्यकता के लिए उपयुक्त होना चाहिए।