滾動固定高度div時隱藏/顯示div

Question

我使用文本框創建基於PHP的網站。通常情況下，文本字段會溢出，所以我使用自動溢出將其固定爲高度。

要在可見空間下面指示更多文本，我想淡出文本的底部。有很多技術可以做到這一點。我想要的方式是在文本頂部添加一個div標籤，其中包含淡入透明的背景圖片副本。問題是當你點擊滾動底部時，我想要這個div標籤隱藏，然後在滾動時再次顯示，而在滾動時隱藏在顯示頂部的div，以及在返回到頂部時隱藏頁。

我已經適應了jsfiddle，但沒有太多的樣子。任何想法，我已經錯過了？

原來的JS是這裏http://jsfiddle.net/apaul34208/ZyKar/1067/

和我的改編版本在這裏http://jsfiddle.net/ZyKar/1702/

$(document).scroll(function() { 
    //Show element after user scrolls 800px 
    var y = $('.content').scrollTop(); 
    if (y > 100) { 
     $('.bottom').fadeOut(); 
     $('.top').fadeIn(); 
    } else { 
     $('.bottom').fadeIn(); 
     $('.top').fadeOut(); 
    } 
}); 

我已經工作，直到我試圖適應滾動的衰落是基於內容專區內滾動而不是全身。

任何幫助讚賞

Answer 1

也許如果您將滾動連接到內容div而不是？相反

$('.content').scroll(function() { 

這個：

做這個

$(document).scroll(function() { 

Here's the jsfiddle

Answer 2

嗯，我不知道如果我完全理解你的問題，但它聽起來要somethink這樣：

$('.content').scroll(function() { 

而不是

$(document).scroll(function() { 

既然你想知道用戶多遠滾動妮你的元素，而不是整個頁面上，你呢？

已更新您的FIDDLE