override fadeout() display: none

本文关键字：none display fadeout override 更新时间：2024-05-11

在这里玩小提琴：http://jsfiddle.net/BP6rq/1514/

一旦元素达到必要的点，就淡出元素并将其置于fixed位置。我正在使用fadeOut()来恢复效果。问题是我不想把它藏起来。我知道fadeTo，但我没能达到同样的效果。我还尝试过覆盖显示：没有，但这消除了渐变效果的功能。我能做些什么来保持渐变效果，但当fadeOut()向上滚动并返回到其原始位置时不会消失？

想法？

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

jsFiddle演示

$(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');
    }
});