cambiamento margin-top sul rotolo

Question

ho un margine negativo su un div, ma voglio cambiare il margine negativo sul rotolo fino al negativo raggiunge lo 0.

da:

margin:-150px 0 0 0; 

a: (a scorrimento)

margin:0px 0 0 0; 

penso che sia una sorta di effetto di parallasse, dove i 'M alla ricerca di e ho trovato questo su StackOverflow: Change margin top of div based on window scroll

ho pensato a qualcosa di simile ma ci deve essere qualcosa di più facile

$(window).scroll(function(){ 
if ($(window).scrollTop() >= 1){ $('#three').css({margin:'-149px 0 0 0px'}); } 
if ($(window).scrollTop() >= 2){ $('#three').css({margin:'-148px 0 0 0px'}); } 
if ($(window).scrollTop() >= 3){ $('#three').css({margin:'-147px 0 0 0px'}); } 
if ($(window).scrollTop() >= 4){ $('#three').css({margin:'-146px 0 0 0px'}); } 
else { $('#three').css({margin:'-150px 0 0 0px'}); } 
}); 

-

ho creato un violino con il base html/css

fiddle: http://jsfiddle.net/qSe4e/

-

grazie mille in anticipo

Answer 1

Provare a usare un po 'di matematica per generare automaticamente tutte le possibilità (simili al tuo tentativo ma con una sola riga invece di una per ogni possibilità.

Esempio: http://jsfiddle.net/qSe4e/9/

$(window).scroll(function(){ 
    var fromTop = $(window).scrollTop(); 
    $("#three").css('margin', '-' + (100 - fromTop) + 'px 0px 0px 0px'); 
}); 

Answer 2

fare in questo modo

$(document).scroll(function() { 
$("#three").animate({margin: "0px 0px 0px 0px"}, 3000); 
}); 

Demo Fiddle