javascript - 使用父级的 ScrollTop 为元素高度设置动画

Question

我正在尝试通过滚动位置分别增加 div 的高度。所以当我向下滚动时，div 的高度会增加，当我向上滚动时，div 的高度会变小。

下面的代码有效（我从这个小提琴得到：http: //jsfiddle.net/fiddleyetu/AFTef/2/）。但是，我需要它来计算不是来自页面顶部而是来自父 div“#parent”的像素数量。

$(function(){
    $(window).scroll(function() {    
        var $myDiv = $('#myDiv');    
        var st = $(this).scrollTop();
        $myDiv.height( st );         
        if( st == 0 ) {              
            $myDiv.hide();
        } else {
            $myDiv.show();
        }
    })
    .scroll();                     
})