背景附件之间的过渡：'固定'和'滚动'

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