FadeTo（）bei scrollTop

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