視差邊緣不會變爲0px

Question

當前在圖像上創建視差效果。得到了以下的jQuery：

 $(window).scroll(function() { 
     var fromTop = $(window).scrollTop(); 
      if(fromTop < 800) { 
      $(".parallax").css('margin-top', '+' + (250 - fromTop/2) + 'px'); 
      }; 
     }); 

HTML：

<img src="Images/Optimized.png" class="img-responsive center-block parallax" style="margin-top:250px"/> 

我需要的邊距下井-30px。但是我的代碼犯規讓它走在0以下

Answer 1

我想到了。

我必須在我的變量前面去掉「+」，這樣它看起來像：

$(window).scroll(function() { 
    var fromTop = $(window).scrollTop(); 
     if(fromTop < 800) { 
     $(".parallax").css('margin-top', (250 - fromTop/2) + 'px'); 
     }; 
    });