背景垂直滾動一定數量

Question

我們在我們的網站上有背景，我想知道什麼是最簡單的方法來停止背景滾動超過一定的數額？

所以，如果你做了scroll-y，那麼它對於你有多少內容是無限的。但是我怎麼停止BG後滾動比方說250像素，100像素等

感謝

Answer 1

我想你想要做這樣的事情，所以它可能不會是完美的我還沒有運行此代碼，但它應該告訴你的技術（也可能混合了「固定」和「滾動」位 - 你應該能夠告訴很快）

$(window).scroll(function(){ 
    var d = $(window).scrollTop(); 
    if(d > 250){ 
     $('#image-div').css('background-attachment', 'fixed'); 
    }else{ 
     $('#image-div').css('background-attachment', 'scroll'); 
    } 
}); 

在僞代碼：當窗口滾動，搶變量（d）等於屏幕'滾動'金額，如果其超過x金額，附加或釋放附件。

它的值得添加此功能將在每次頁面滾動時觸發，可能會有一些方法在處理器能力上輕一些，但它們看起來會更復雜一些。

Answer 2

林不太100％肯定你的意思，但對於這一點：

http://jsfiddle.net/Tgm6Y/5245/

它使用jQuery和可以通過諸如250像素

var windw = this; 

$.fn.followTo = function (pos) { 
    var $this = this, 
     $window = $(windw); 

    $window.scroll(function(e){ 
     if ($window.scrollTop() > pos) { 
      $this.css({ 
       position: 'absolute', 
       top: pos 
      }); 
     } else { 
      $this.css({ 
       position: 'fixed', 
       top: 0 
      }); 
     } 
    }); 
}; 

$('#f').followTo(250);