To handle parallax scrolling and dynamic elements appearing on the page depending on how far the user has scrolled, I am using the JQuery scroll listener method.
$(window).scroll(function(){});
$(document).ready(function() {
$(window).scroll(function() {
$("#article").append("<div>Did scroll</div>");
});
});
$(document).ready();
It works correctly, probable you are just missing some css
here's an example http://jsfiddle.net/orlando/0mqc2skk/
$(document).ready(function() {
$(window).scroll(function() {
$("#article").append("<div>Did scroll</div>");
});
});