javascript - 覆盖淡出()显示: none

Question

这里有一个 fiddle : http://jsfiddle.net/BP6rq/1514/

淡出我的元素，并在达到必要点后将其置于 fixed 位置。我正在使用 fadeOut() 来实现后入效果。问题是我不想让它隐藏起来。我知道 fadeTo，但是我没能达到同样的效果。我也试过覆盖显示:无，但这消除了淡入淡出效果的功能。我该怎么做才能保持淡入淡出效果，但又不会让 fadeOut() 在向上滚动并回到其原始位置时消失？

想法？

Answer 1

将 animate() 与 css opacity 一起使用，而不是 fadeIn fadeOut:

jsFiddle Demo

$(window).bind("scroll", function () {
    $.fx.speeds.xslow = 250;
    if ($(this).scrollTop() > 50) {
        $('#bottomcta')
        .animate({
            'opacity': 1
        },1000)
        .addClass('fixed');
    } else {
        $('#bottomcta')
        .animate({
            'opacity': 0
        },1000)
        .removeClass('fixed');
    }
});