Jquery定位不适用于动画

Question

我正在尝试像这样在页面滚动上添加动画

$(function(){
            $(window).scroll(function() {
              if ($(this).scrollTop() > 100) {
                  $('.bottle').fadeIn().animate({left: '500px', opacity: '0.4'}, "slow");
              }
            });
 });

不透明效果不行，但左边不起作用，我也试着这样做

animate({position:'relative', left: '500px'});

如果你可以帮助我，那会很棒