相关疑难解决方法(0)

我试图得到一个div来动画0% - 100%相对于元素滚动的百分比.

现在我已经设置了一些变量,但是我在尝试计算一个百分比的高度时遇到了麻烦.

我们可以很容易地设置起始宽度并且也可以很容易地检测滚动,因为我们可以获得触发动画的元素的高度,我只是无法将其作为百分比得到.

如果我能弄清楚如何返回滚动的conheight的百分比,那么这应该很容易.

$(window).scroll(function() {

    // calculate the percentage the user has scrolled down the page
    var scrollPercent = ($(window).scrollTop() / $(document).height()) * 100;

    $('.bar-long').css('width', scrollPercent +"%"  );

});

这是一个jsfiddle,http://jsfiddle.net/SnJXQ/

这是基于body元素的滚动百分比来设置bar-long的动画.

动画从0% - 100%(嗯,它不是真的,但我无法弄清楚为什么).

我想做的是获取.post div的滚动百分比,然后相对于那个动画条长.即.滚动10%.post,.bar-long为10%宽度,滚动70%.post,.bar-long为70%宽度.