视差边缘不会变为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'); 
     }; 
    });