引用Div而不是窗口滾動功能

我有一個可滾動的div，我試圖用下面的jquery代碼來更改其中的div的不透明度。不過，我認爲它並沒有像我認爲的瀏覽器窗口那樣工作。我想知道如何引用容器，它有class .container。引用Div而不是窗口滾動功能

$(document).ready(function(){ 
     $(document).scroll(function(){ 
      var top=$(this).scrollTop(); 
      if(top<150){ 
       var dif=1-top/150; 
       $(".text-beginning").css({opacity:dif}); 
      } 
     }) 
    });

來源

2014-02-08 user1982011

它引用'document' scrollTop，如果文檔沒有滾動，您需要將其調整爲可滾動元素。 – helion3

我會用文件替換。容器的類名？ – user1982011

這個演示的工作原理：

jsfiddle.net/zvt3e/

看看是否有您的情況有什麼區別。

來源

2014-02-08 00:52:23 Soony

我不認爲它的工作，因爲我在文檔中有三個獨立的容器。而它的引用類只在其中一個容器中。 – user1982011

我認爲如果你可以提供html，你可以把它放在jsfiddle.net – Soony

上，確定像這樣的http://jsfiddle.net/wg3X4/，我希望頭部通過改變不透明度而淡出。我也想調整標題的其他屬性，例如新的背景顏色或字體顏色。 – user1982011

引用Div而不是窗口滾動功能

回答

相關問題