Javascript 用于滚动功能的参考Div而不是窗口

我有一个可滚动的div，我正试图用下面的jquery代码在scroll上更改其中一个div的不透明度。然而，我认为它不工作，因为它引用了浏览器窗口。我想知道如何引用容器，它具有类.container

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

$（文档）.ready（函数（）{
$（文档）。滚动（函数（）{
var top=$（this.scrollTop（）；
如果（顶部此演示有效：

jsfiddle.net/zvt3e/

查看您的情况是否有任何不同。
它引用的是
文档
scrollTop，如果文档没有滚动，您需要将其调整为可滚动元素。我是否可以用容器的.class名称替换文档？我认为它不起作用，因为文档中有三个单独的容器。一个d该类的引用仅在其中一个容器中。我认为如果您可以提供html会更容易，您可以将其放在jsfiddle.netsure上，类似这样的内容，我希望通过更改不透明度使标题淡出。我还希望尝试调整标题的其他属性，这些属性会像新的背景色一样同时淡出r或字体颜色。您的演示使用了错误的选择器，应该是$（“.articles container item top”）.css（{opacity:dif}）；您只是错过了“.”。仅供参考，您应该在左列选择一个jquery版本来运行jquery方法。