背景附件之間的過渡：'固定'和'滾動'

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