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

【问题标题】：jQuery opacity on scroll and start on load滚动时的jQuery不透明度并在加载时开始
【发布时间】：2014-11-20 09:24:03
【问题描述】：

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

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

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

有什么建议吗？

谢谢！

【问题讨论】：

标签： javascript jquery opacity onscroll

【解决方案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 的默认不透明度。并学习一些数学。

【讨论】：