javascript - 滚动时的jQuery不透明度并在加载时开始

Question

我一直在为这个片段苦苦挣扎，它完全符合我的要求，但倒置了；它从 1 不透明度变为 0，我希望它从 0.75 变为 1。

此外，正如您在小提琴上看到的，数字仅在您开始滚动时出现，即使根本没有滚动（onload），我也希望数字出现。

`http://jsfiddle.net/rrmonn/p1cjzyt9/`

有什么建议么？

谢谢！

Answer 1

// 1px scroll or less will equiv to 1 opacity
var fadeStart  = 1,
    // 400px scroll or more will equiv to 0 opacity
    fadeUntil  = 400,
    fading     = $('#fading');

$(window).bind('scroll', function(){
    var offset = $(document).scrollTop(),
        opacity = 0.75;
    if (offset <= fadeUntil) {
        opacity = 0.75 + offset / fadeUntil;
    }
    fading.css('opacity',opacity).html(opacity);
});

fading.html(fading.css('opacity'));

还将 .75 作为 CSS 的默认不透明度。并学习一些数学。