如何在用戶滾動頁面時緩慢移動標題？

Question

我要實現的是在這個標題用在這個例子中網站的效果：

http://anchorage-theme.pixelunion.net/

你會發現，當你滾動頁面，頭慢慢向上，直到它從視野中消失移動。我想達到同樣的效果。我相信它需要一些JS和CSS定位，但仍然不知道如何實現這一點。這是用視差滾動完成的嗎？

希望如果有人能給我一個用元素做到這一點的代碼的簡單例子。所以我可以在我自己的網站上使用它。

乾杯。

Answer 1

的$（窗口）.scroll（函數（）{...}）是一個你需要在這裏

的$（document）.scrollTop（）是滾動的距離從頂部

量

Answer 2

使用此：

$(window).scroll(function(){ 
    if ($(this).scrollTop() > x){ // x should be from where you want this to happen from top// 
    //make CSS changes here 
    } 
    else{ 
    //back to default styles 

    } 
});