javascript - 背景附件之间的转换：“固定”和“滚动”

Question

我有一个带纹理的背景，我想要它让背景滚动一点，然后在它切换的点固定。所以，现在我的代码是：

$(window).scroll(function(){
  if($(window).scrollTop()>110){
     $('body').css('background-attachment', 'fixed');
  }else{
     $('body').css('background-attachment', 'scroll');
  }
});

当它通过它的激活点时，背景变得固定，就好像它一直是固定的，这意味着有一个明显的“跳跃”到它的原始位置。无论如何我可以拥有它，以便背景纹理粘在它向下滚动到的位置，并保持这种状态？希望这是有道理的。

Answer 1

是的，您可以使用background-position：

$(window).scroll(function(){
  if($(window).scrollTop()>110){
     $('body').css('background-attachment', 'fixed')
              .css('background-position', '0px -110px');
  }else{
     $('body').css('background-attachment', 'scroll')
              .css('background-position', '0px 0px');
  }
});