jQuery Animating Elements by Scrolling the page

Question

I\'m trying to create a animation by scrolling the page, something like this:

$(function() {
$(document).on(\'scroll\', function() {
    var top = $(document         


        

Answer 1

According to the small part of your code, I think you can found a relation between your top and left value :

var top = $(document).scrollTop();   
var left = 826 - Math.floor(top - 2200)/2;
$('#seta2').stop().animate({left: left+"px"}, 300, "easeOutQuad" );