I want to call a javascript function each time Facebook updates their feed for a user (when he scrolls). Any idea how I can do that?

This does not work:

if (document.body.scrollTop > 30) {
        addArt();
}

Thank you

I want to call a javascript function each time Facebook updates their feed for a user (when he scrolls). Any idea how I can do that?

This does not work:

if (document.body.scrollTop > 30) {
        addArt();
}

Thank you

• javascript
• html
• ajax

• 1 window.addEventListener("scroll", addArt()); might work – Kevin Kloet Commented Nov 4, 2016 at 15:09
• There's an onscroll event if I remember correctly – GordonM Commented Nov 4, 2016 at 15:09

3 Answers 3

Using an onscroll function:

window.onscroll = function() { }

You need to attach it to the window's scroll event listener. I have wrapped it inside an onload event, so that it gets executed after the document is loaded.

window.onload = function () {
  window.onscroll = function () {
    if (document.body.scrollTop > 30) {
      addArt();
    }
  };
};

Or if you are using jQuery, use:

$(function () {
  $(window).scroll(function() {
    if (document.body.scrollTop > 30) {
      addArt();
    }
  });
});

Using jquery, you can use this function to run code every time the user scrolls

$( window ).scroll(function() { $(window).scrollTop() > 30) { addArt(); } });

window.onscroll = function() { if (document.body.scrollTop > 30) { addArt(); } };

edit: added none jquery version