jquery - 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;}所以它默认是隐藏的。

演示