परिवर्तन स्क्रॉल

Question

पर मार्जिन टॉप मैं एक div पर एक नकारात्मक मार्जिन है, लेकिन मैं स्क्रॉल पर नकारात्मक मार्जिन को बदलना चाहते हैं जब तक नकारात्मक से पहुंचता है 0.

:

margin:-150px 0 0 0; 

करने के लिए: (स्क्रॉल पर)

margin:0px 0 0 0; 

मुझे लगता है कि यह लंबन प्रभाव के कुछ प्रकार है जहां मैं 'के लिए खोज रहा हूँ और StackOverflow पर इस पाया: Change margin top of div based on window scroll

मैं कुछ इस तरह के बारे में सोचा लेकिन वहाँ आसान

$(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'}); } 
}); 

कुछ होना चाहिए - साथ

मैं एक बेला बनाया एचटीएमएल/सीएसएस आधार

फिडल: http://jsfiddle.net/qSe4e/

-

उन्नत

Answer 1

स्वचालित रूप से सभी को उत्पन्न करने के लिए गणित का एक छोटा सा उपयोग करने का प्रयास संभावनाएं (आपके प्रयास के समान, लेकिन प्रत्येक संभावना के लिए एक की बजाय एक पंक्ति के साथ।

उदाहरण: http://jsfiddle.net/qSe4e/9/

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

Answer 2

में आप बहुत बहुत धन्यवाद की तरह यह क्या इस

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

Demo Fiddle