在向上和向下滚动时显示和隐藏Div

Question

我试图让我简单的"滚动到顶部"图像显示并根据您离页面顶部有多远而消失.例如,假设距离顶部100像素.

这就是我所拥有的.它似乎可以向下滚动,图像div淡入.

当我滚动回到顶部时,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();
    }
});