向下滚动时使用jQuery显示"返回顶部"链接元素

Question

我想用jQuery模仿行为,你可以在这里看到:http: //edo.webmaster.am/

只需看右下角,向下滚动一下,您就会看到"返回顶部"按钮.

因此,在您向下滚动页面然后显示(动画)之前,它是不可见的.

我怎么能在jQuery中做到这一点？

Answer 1

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

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

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