Jquery .on('scroll') not firing the event while scrolling

jquery events scroll
ABHILASH SB picture ABHILASH SB · Oct 15, 2013 · Viewed 281.3k times · Source

Scroll event is not firing while scrolling the ul. I'm using jQuery version 1.10.2. As I'm loading the ul from an ajax page, I couldn't use $('ulId').on('scroll', function() {}); or other live methods. Please help me to find a solution.

$(document).on( 'scroll', '#ulId', function(){
    console.log('Event Fired');
});

Answer

Adil picture Adil · Oct 15, 2013

You probably forgot to give # before id for id selector, you need to give # before id ie is ulId

You problably need to bind scroll event on div that contains the ul and scrolls. You need to bind the event with div instead of ul

$(document).on( 'scroll', '#idOfDivThatContainsULandScroll', function(){
    console.log('Event Fired');
});

Related questions

Detect user scroll down or scroll up in jQuery

Possible Duplicate: Differentiate between scroll up/down in jquery? Is it possible to detect if user scroll down or scroll up ? Example : $(window).scroll(function(){ // IF USER SCROLL DOWN DO ACTION // IF USER SCROLL UP DO ANOTHER ACTION }); Thanks

Read More
Event binding on dynamically created elements?

I have a bit of code where I am looping through all the select boxes on a page and binding a .hover event to them to do a bit of twiddling with their width on mouse on/off. This happens …

Read More
jQuery Event Keypress: Which key was pressed?

With jQuery, how do I find out which key was pressed when I bind to the keypress event? $('#searchbox input').bind('keypress', function(e) {}); I want to trigger a submit when ENTER is pressed. [Update] Even though I found …

Read More