क्या कोई ऐसी घटना है जो स्क्रॉल में परिवर्तनों पर आग लगती है या jQuery में स्क्रॉलविड्थ?

Question

मैं एक ऐसे अनुप्रयोग को डिज़ाइन करने के लिए JQuery का उपयोग कर रहा हूं जहां उपयोगकर्ता एक div के अंदर तत्वों को खींच सकता है जो स्वचालित रूप से स्क्रॉलबार जोड़ता है और स्क्रॉलहेइट/स्क्रॉलविड्थ को आवश्यकतानुसार विस्तारित करता है। स्क्रॉल हाइट और स्क्रॉल के दौरान भी मुझे आग लगाना होगा कंटेनर div की चौड़ाई बदल दी गई है।

नहीं, स्क्रॉल ईवेंट का उपयोग नहीं करना चाहते हैं क्योंकि 1) स्क्रॉल को तब तक नहीं निकाल दिया जाता है जब आप किनारे पर तत्व खींचते हैं और स्क्रॉलहेइट/स्क्रॉलविड्थ बदलते हैं। 2) स्क्रॉल करता है जब स्क्रॉल हाइट/स्क्रॉलविड्थ नहीं बदलता है।

कोई संकेत?

Answer 1

मैं jQuery की सिफारिश नहीं करता, लेकिन there is a 'resize' dispatcher। जावास्क्रिप्ट के साथ

2017 संस्करण:

this.container = document.querySelector('#container'); 
this.watcher = window.requestAnimationFrame(this.watch); 

this.watch =() => { 
    cancelAnimationFrame(this.watcher); 

    if (this.lastScrollHeight !== container.scrollHeight) { 
    // do something 
    } 

    this.lastScrollHeight = container.scrollHeight; 
    this.watcher = requestAnimationFrame(this.watch); 
}; 

---

scrollHeight के लिये दस्तावेज देखें और यह कैसे scrollTop से संबंधित है। scrollHeight पता कर रहा है एक गैर performant डोम पुनर्गणना गति प्रदान कर सकते हैं, और मैन्युअल रूप से प्रबंध ऊंचाइयों/सबसे ऊपर है के साथ position:absolute, तेजी से होने की संभावना है यह margins पर एक पुनरावर्ती चेक (blocks के लिए) नहीं है के बाद से, और अन्य सीएसएस display प्रकार के।

Answer 2

मैंने इस प्रश्न का उत्तर दिया है, जो अप्रासंगिक प्रतीत हो सकता है हालांकि यह स्क्रॉल हाइट चेंज और स्क्रॉलविड्थ का समर्थन करता है।

Detecting when a div's height changes using jQuery

प्लगइन:

http://www.jqui.net/jquery-projects/jquery-mutate-official/

डेमो:

$('.selector').mutate('scrollHeight',function(){ 
    alert('it has changed the scroll height do something about it...'); 
}); 

इस प्लग भी पार ब्राउज़र काम के रूप में यह अंतराल उपयोग कर रहा है चाहिए (setTimeout) इस तरह के जांच करने के लिए परिवर्तन, इसे भी बढ़ाया जा सकता है आपको इसकी आवश्यकता होनी चाहिए :)

उम्मीद है कि यह मदद करता है ...