I have multiple divs on my page where I want to animate their background position onScroll, so here is what I have got for now

```
/* animate background possition on scroll */
$(window).scroll(function() {
    var y = $(this).scrollTop();
    if(y < $(".page-separator").offset().top && ( $(".page-separator").offset().top ) < ( y + $(window).height() ) ){
        $(this).css('background-position', '0% ' + parseInt(-y / 10) + 'px');
    }
});

```

But it doesn't work. I think it is because `$(this)`is not currently visible `$(".page-separator")` , can you please help me to fix it?

---

So I have modified my code here but I am stacked again, I can't pass parameter into .each jquery function

```
$(window).scroll(function() {
    var y = $(window).scrollTop();
    $(".page-separator").each(function(y){
        //$(".page-separator").css('background-position', '0% ' + parseInt(-y / 10) + 'px');
        if( y < $(this).offset().top && ( $(this).offset().top ) < ( y + $(window).height() ) ){
            $(this).css('background-position', '0% ' + parseInt(-y / 10) + 'px');

        }console.log(y);
    });
});

```

when I see console.log(y) it only shows 0 1 2 nothing more, not the top position