jQuery मोबाइल स्लाइड संक्रमण

Question

के साथ स्क्रॉल स्थिति बनाए रखें मैं वर्तमान में एक मोबाइल वेबसाइट विकसित कर रहा हूं जिसे मैं jQuery मोबाइल का उपयोग करता हूं। पृष्ठों को स्विच करते समय मैं स्लाइड संक्रमण का उपयोग करता हूं। चूंकि ये पृष्ठ काफी लंबी स्क्रॉलिंग की आवश्यकता है।

स्क्रॉल होने पर और लिंक पर क्लिक करने पर एक दृश्य दिखाई देता है जब पृष्ठ को नए पृष्ठ में स्लाइड करने से पहले शीर्ष पर स्क्रॉल किया जाता है। चूंकि दोनों पृष्ठ किसी बिंदु पर शीर्ष पर स्क्रॉलिंग की आवश्यकता होने पर साइड-बाय-साइड बैठते हैं।

एक चीज मैंने कोशिश की है यह है: मैं शीर्ष से नए पेज को ऑफ़सेट कर सकता हूं ताकि पृष्ठ स्तर पर शुरू हो जाए और पृष्ठ को एनीमेशन पूर्ण होने पर ऑफसेट को 0 पर रीसेट कर दिया जाए, लेकिन फिर पृष्ठ नीचे स्क्रॉल रहेगा। अगर मैं window.scrollTo या jQuery की scrollTop() का उपयोग करता हूं तो एक निश्चित फ्लिकर निश्चित हेडर के साथ सबसे अधिक ध्यान देने योग्य है।

क्या कोई अन्य चीज है जो मैं कर सकता हूं जो पुराना पृष्ठ स्क्रॉल करता है लेकिन नया पृष्ठ अनसुलझा रहता है?

मैंने इसे आईपॉड टच 3 जीन, आईफोन 4 और आईफोन 4 एस में परीक्षण किया है, और आश्चर्यजनक रूप से डिवाइस जिसने मुझे कम से कम झिलमिलाहट दी है, अब तक आईपॉड स्पर्श रहा है।

Answer 1

बस झूठी वापसी करें; जावास्क्रिप्ट फ़ंक्शन के अंत में कहा जाता है।

 function yourFunctionBeingCalled(){ 
     /*your code*/ 
     return false; 
    } 

आप preventDefault() का भी उपयोग कर सकते हैं; या event.stopPropagation(); कार्यों

reffer: event.preventDefault() vs. return false

आशा है कि यह मदद की।

Answer 2

बस इस सीएसएस जोड़ने

div[data-role='page'] { bottom: 0; -webkit-overflow-scrolling: touch; } 

(here से)