淡出 - 滾動時

當用戶向下滾動時，有很多示例會做fadeOut完整動畫。然而，這些動畫做了完成fadeIn或fadeOut沒有考慮到用戶滾動。淡出 - 滾動時

如果用戶滾動一點時，它淡出了一點，比方說30％，它的不斷向上滾動，它會淡出30％以上等等...

我需要手藝類似的東西，但我需要看看，開始。

有沒有人有一些例子來分享使用這種效果？

附註：我需要在所有元素上應用淡出功能，當我們向下滾動時開始從頂部「離開」視口，然後在再次滾動時淡入。這只是一個背景。我並不是要求某人爲我執行此代碼，但我需要一個給定正確示例的啓動。

有人請嗎？

2014-09-25 MEM

這裏有一個簡單的例子：

注：我在動畫opacity變化與CSS3躍遷。

$(window).scroll(function(){ 
 
    var scroll = $(window).scrollTop(); 
 
    $('img').css('opacity', (100-scroll)/100) 
 
});

html,body{ 
 
    height:10000px; 
 
} 
 

 
img{ 
 
    transition: all 0.2s ease-in; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<img src="http://pngimg.com/upload/beer_PNG2353.png">

2014-09-25 09:46:06 Vucko

看來精闢簡單。我會適當研究它，並適應。與其一次性刪除所有元素，我不需要逐漸淡出所有元素，而是逐漸淡出所有元素的頂部。但這絕對是一個開始。感謝那。 – MEM 2014-09-25 10:24:02

回答