FadeTo() 在滚动顶部

Question

<script>      
    $(window).scroll(function(){
        var fromTopPx = 717; // distance to trigger
        var scrolledFromtop = $(window).scrollTop();
        if(scrolledFromtop > fromTopPx){
            $("#farbe").fadeTo("slow", 0 );
        }else{
            $("#farbe").fadeTo("slow", 1 );

        }
    });

</script>

嗨，我有一个固定的div，默认情况下不应该显示。如果你从顶部向下 717px，它应该会淡入。如果你回到顶部，它应该会淡出。

我做错了什么？

Answer 1

使用这个功能，干净多了。

$(window).bind("scroll", function() {
    if ($(this).scrollTop() > 717) {
        $("#farbe").fadeIn();
    } else {
        $("#farbe").stop().fadeOut();
    }
});

不要忘记添加 CSS：#farbe{display: none;}，所以它默认是隐藏的。

DEMO