上下滚动显示和隐藏Div

Question

我试图让我简单的“滚回到顶部”图像显示并根据离您页面顶部的距离消失。为了举例，假设距离顶部100像素。

这是我的。它似乎工作向下滚动，图像分区淡入。

当我回滚到顶部，div不fadeOut。有小费吗？

$(window).scroll(function() { 
    if ($(this).scrollTop()>100) 
    { 
     $('#toTop').fadeIn(); 
    } 
    else 
    { 
     $('.#toTop').fadeOut(); 
    } 
}); 

Answer 1

我觉得你在你的代码已经一个错字：$('.#toTop').fadeOut();应该$('#toTop').fadeOut();

更新

只是一个简单的改进。为了防止元件是褪色你滚动，检查前面是否已经褪色的时间。

var $toTop = $('#toTop'); 
$(window).scroll(function() { 
    if ($(this).scrollTop() > 100) { 
     $toTop.fadeIn(); 
    } else if ($toTop.is(':visible')) { 
     $toTop.fadeOut(); 
    } 
});