"स्क्रॉल डाउन" ईवेंट कैप्चर करना?

Question

मैं एक बहुत ही सरल वेब पेज (केवल HTML) डिज़ाइन कर रहा हूं, केवल "फीचर" जिसे मैं कार्यान्वित करना चाहता हूं वह है जब उपयोगकर्ता पृष्ठ को स्क्रॉल करता है, तो क्या किसी भी घटना को "ईवेंट" कैप्चर करने का कोई तरीका है?

Answer 1

बस संपूर्णता के लिए

, वहाँ एक और जे एस रूपरेखा (Mootools)

window.addEvent('scroll',function(e) { 
    //do stuff 
}); 

Answer 2

आप इसे केवल HTML के साथ नहीं कर सकते हैं, आपको जावास्क्रिप्ट का उपयोग करने की आवश्यकता होगी। मैं jQuery का उपयोग करना चाहिये, तो अपने समाधान इस तरह दिख सकता:

$(document).ready(function() { 
    $(window).scroll(function() { 
     // do whatever you need here. 
    }); 
}); 

आप नहीं चाहते या jQuery उपयोग करने में असमर्थ हैं, तो आप onscroll समाधान एंथनी द्वारा पोस्ट की गई उपयोग कर सकते हैं।

Answer 3

आप jQuery (जो आप एक बहुत ही सरल HTML पृष्ठ के लिए ऐसा नहीं कर सकता है) का उपयोग नहीं करना चाहते हैं, तो आप इस का उपयोग करते हुए नियमित रूप से जावास्क्रिप्ट को पूरा कर सकते हैं:

<script> 
function scrollFunction() { 
    // do your stuff here; 
} 

window.onscroll = scrollFunction; 
</script> 

आपने कहा है कि आप कुछ करना चाहता था जब वे नीचे पृष्ठ को स्क्रॉल करते हैं - ऑनस्क्रॉल ईवेंट x- या y-axis में किसी भी दिशा में स्क्रॉलिंग को बंद कर देता है, इसलिए आपके फ़ंक्शन को स्क्रॉल करने पर कभी भी कॉल किया जाएगा।

यदि आप वाकई पृष्ठ को स्क्रॉल करते समय केवल अपना कोड चलाने के लिए चाहते हैं, तो आपको ऑनस्कोल कॉल होने पर तुलना करने के लिए पिछली स्क्रॉल स्थिति को संरक्षित करने की आवश्यकता होगी।

Answer 4

एक बेहतर तरीका स्क्रॉल ईवेंट के लिए, लेकिन यह भी दिशा नीचे की तरह स्क्रॉल के लिए न केवल जांच करने के लिए है का उपयोग करते हुए एक अन्य समाधान है,

$(window).bind('mousewheel', function(event) { 
if (event.originalEvent.wheelDelta >= 0) { 
    console.log('Scroll up'); 
} 
else { 
    console.log('Scroll down'); 
} 
}); 

Answer 5

यह मेरे लिए काम करता है।

var previousPosition 

$(window).scroll(function(){ 
    var currentScrollPosition=$(window).scrollTop() + $(window).height() 
    if (currentScrollPosition>previousScrollPosition) { 
    console.log('down') 
    }else if(currentScrollPosition<previousScrollPosition){ 
    console.log('up') 
    } 
    previousScrollPosition=currentScrollPosition 
});