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