स्क्रॉल पर जावास्क्रिप्ट का आकार बदलें - मोबाइल

Question

मैं मोबाइल के लिए वेबसाइट बनाने की कोशिश कर रहा हूं। मेरे पास खिड़की पर "आकार बदलना" घटना है, जो मोबाइल डिवाइस चालू होने पर तत्वों को पुनर्व्यवस्थित करना चाहिए (चित्र < -> परिदृश्य)। आईफोन और सैमसंग गैलेक्सी एसआईआई पर, जब मैं पृष्ठ को स्क्रॉल कर रहा हूं, तो ईवेंट ट्रिगर होता है, और यह अच्छा नहीं है।

कोई सुझाव?

Answer 1

onOrientationChange ईवेंट और window.orientation संपत्ति का उपयोग करें।

भी this answer देखें।

यहां to a test page लिंक करें।

Answer 2

व्यूपोर्ट की चौड़ाई कैश करें और यदि आकार चौड़ाई अभी भी समान है तो आकार वापस झूठ पर बदलें।

एक छोटा सा jQuery टुकड़ा:

var cachedWidth = $(window).width(); 
    $(window).resize(function(){ 
     var newWidth = $(window).width(); 
     if(newWidth !== cachedWidth){ 
      //DO RESIZE HERE 
      cachedWidth = newWidth; 
     } 
    });