jquery - 向下滚动时使用 jQuery 显示 "Back to top"链接元素

Question

我想用 jQuery 模仿行为，就像你在这里看到的那样: http://edo.webmaster.am/

只需查看右下角，向下滚动一点，您就会看到“返回顶部”按钮。

所以它是不可见的，直到您向下滚动页面然后它才会出现(动画)。

如何在 jQuery 中做到这一点？

Answer 1

您可以监视当前窗口滚动位置并采取相应措施。如果您希望偏移量位于某个点之后(下面的代码将进行任何滚动，甚至 1px)，那么只需检查 if 语句中的 $(this).scrollTop() > n ，其中n 是所需的偏移量。

http://jsfiddle.net/robert/fjXSq/

$(window).scroll(function() {
    if ($(this).scrollTop()) {
        $('#toTop:hidden').stop(true, true).fadeIn();
    } else {
        $('#toTop').stop(true, true).fadeOut();
    }
});