javascript - How to make infinite-scroll plugin works in a DIV? -

एक निश्चित-ऊंचाई div है, जिसमें स्क्रॉलबार है जब इसका एकमात्र मूल तत्व ol नीचे स्क्रॉल किया जा रहा है, तो ol को और अधिक नया li लोड करना होगा।

मैं jQuery प्लगइन का उपयोग कर रहा हूं।

मैं डेस्कटॉप ब्राउज़र पर ऊपर की स्थिति में काम करने के लिए प्लगइन प्राप्त नहीं कर सकता।

IOS में, यह काम करता है, और छोटी गाड़ी है जब मैं नीचे ol को स्क्रॉल करता हूं, यह लोड नहीं होता। और फिर जब मैं ol अधिक स्क्रॉल करने की कोशिश करता हूं (यह वास्तव में अधिक स्क्रॉल नहीं किया जा सकता है), यह सफलतापूर्वक लोड करता है।

यह मेरे कोड का है।

अनंत-स्क्रॉल से लिया गया प्रलेखन:

अतिप्रवाह वाले तत्व के अंदर स्क्रॉल करने के लिए, स्थानीय व्यवहार का उपयोग करें।

इसलिए एक # कंटेनर तत्व जिसमें अतिप्रवाह है, बस सूची पर अनंत स्क्रॉल का उपयोग करें:

  $ ('# container')। Infinitescroll ({behavior: ' स्थानीय ', बाइंडर: $ (' # कंटेनर '), बफर पीएक्स: 0, नेविएस्टिलेटर:' # एनएवी ', पेजर नेविगेशन के लिए // चयनकर्ता अगली चयनकर्ता:' # एनएवी ए ', एनईईक्सटी लिंक के लिए // चयनकर्ता (पृष्ठ 2 ) आइटम चयनकर्ता: सभी आइटमों के लिए 'ली' // चयनकर्ता जिन्हें आप पुनः प्राप्त करेंगे});  ol  को  # कंटेनर : 
 
  और lt; ol id = "कंटेनर के रूप में होने से  
 
 "& gt;  

यह एक और है।

संपादित करें

ऐसा लगता है कि स्थानीय व्यवहार का उपयोग करने के लिए, आपको आवश्यकता है यह निर्धारित करने के लिए उत्तरदायी एक विधि को ओवरराइड करने के लिए कि क्या स्क्रॉल नीचे के पास है (हालांकि यह प्रलेखन में कहीं दिखाई नहीं दे रहा है)। उस रिपॉजिटरी में एक फाइल है जिसे इस काम में शामिल करने की आवश्यकता होगी, लेकिन मैंने इसे करने की कोशिश की है और वह ठीक से काम नहीं कर रहा है। इसलिए इसके बजाय आप उन कंप्यूटेशन की देखभाल करने के लिए इस कोड का उपयोग कर सकते हैं:

  jQuery.extend (jQuery.infinitescroll.prototype, {_nearbottom_local: function infscr_nearbottom_local ()} {var opts = this.options; Var बाइंडर = $ (opts.binder); वापसी (binder.scrollTop () + बाइंडर। विजेताहैइट ()> gt; = बांधने की मशीन [0] .scrollHeight - opts.bufferPx);}});