jQuery window scroll event does not fire up

Question

I m trying to implement a simple  stay inside the viewport  behaviour to a div via jquery  For that i need to bind a function to the scroll event of the window  but i can t seem to get it to fire up  nothing happens  I ve tried a simple alert    console log   no dice  An idea what i m doing wrong   This code      window  scroll function                    console log  scrolling                     sits in script js  located at the very bottom of my html file   lt script src  http   ajax googleapis com ajax libs jquery 1 5 1 jquery min js  gt  lt  script gt   lt script src  js script js  gt  lt  script gt   lt  body gt   lt  html gt    UPDATE Test URL  http   pixeline eu test menu php

User · Accepted Answer

Your CSS is actually setting the rest of the document to not show overflow therefore the document itself isn't scrolling. The easiest fix for this is bind the event to the thing that is scrolling, which in your case is div#page.

So its easy as changing:

$(document).scroll(function() {  // OR  $(window).scroll(function() {
    didScroll = true;
});

to

$('div#page').scroll(function() {
    didScroll = true;
});

User · Answer

To whom its just not working to  like me  no matter what you tried    lt element onscroll  myFunction    gt  lt  element gt   works like a charm  exactly as they explain in W3 schools https   www w3schools com tags ev onscroll asp

User · Answer

In my case you should put the function in   document  ready    document  ready function             div page   on  scroll   function

User · Answer

My issue was I had this code in my css  html  body       height  100       width  100       overflow  auto      Once I removed it  the scroll event on window fired again

User · Answer

The solution is      body   scroll function e       console log e

User · Answer

Declare your jQuery between  lt script gt  and  lt  script gt  in the  lt head gt   Wrap your  scroll   event within    document  ready function        do something

User · Answer

Nothing seemd to work for me  but this did the trick     parent window document  scroll function         alert  bottom

User · Answer

div   scroll function         if    this  scrollTop       this  innerHeight    gt     this  0  scrollHeight-1            fire your event

[jquery] jQuery window scroll event does not fire up

Examples related to jquery

Examples related to window

Examples related to scroll