javascript - 上下滚动显示和隐藏Div

我试图根据距页面顶部的距离来显示和消失“滚动到顶部”的简单图像。为了举例说明，假设距顶部100像素。

这就是我所拥有的。似乎可以向下滚动，图像div逐渐消失。

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

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

最佳答案

我认为您的代码中有错别字：$('.#toTop').fadeOut();应该是$('#toTop').fadeOut();

更新资料

只是一个简单的改进。为防止元素在滚动时始终褪色，请检查元素是否早已褪色：

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

关于javascript - 上下滚动显示和隐藏Div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18088461/