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上。并学习一些数学。

滚动时jQuery不透明度和加载时启动

1 个答案: