जब उपयोगकर्ता पृष्ठ के नीचे "नज़दीक" स्क्रॉल करता है तो अधिक सामग्री लोड करें?

Question

मैं पृष्ठ के नीचे स्क्रॉल का पता लगाने के लिए इसका उपयोग करता हूं। लेकिन मैं पृष्ठ के नीचे से दूरी का पता कैसे लगा सकता हूं?

if($(window).scrollTop() + $(window).height() == $(document).height()) { 
.. my ajax here 
} 

मेरा मतलब है मैं समारोह निष्पादित करने के लिए जब वह 100px या 200px नीचे से है, और पृष्ठ के बिल्कुल नीचे में नहीं चाहते हैं। मैं इसे कैसे बदलूं?

यह भी संभव है: यदि संभव है कि स्क्रॉल एक विशिष्ट तत्व के अंतिम भाग में है (मेरा बड़ा कंटेनर कहें) जो लोड की गई सामग्री को दिखाता है, तो यह संभव है।

अग्रिम

Answer 1

var nearToBottom = 100; 

if ($(window).scrollTop() + $(window).height() > 
    $(document).height() - nearToBottom) { 
.. my ajax here 
} 

या धन्यवाद .container

if ($(window).scrollTop() + $(window).height() >= 
    $('.CONTAINER').offset().top + $('.CONTAINER').height()) { 
.. my ajax here 
} 

Answer 2

के नीचे यह तुम्हारी मदद करेगा करने के लिए स्क्रॉल करने के लिए।

<script> 
$(window).scroll(function() { 
    if ($(document).height() <= $(window).scrollTop() + $(window).height()) { 
     alert("End Of The Page"); 
    } 
}); 
</script> 

पूरे लेख और विवरण के लिए इस लिंक के माध्यम से जाएं यह कैसे काम करता है।

load more content when browser scroll to end of page in jquery