在向上和向下滚动时显示和隐藏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();
    }
});