jquery - 使用 click 使函数无效？

Question

我想使用滚动功能让隐藏的“返回顶部”按钮在有人滚动时出现。

$(window).scroll(function(){$("#top_btn").css("visibility", "visible");});

我还有一些按钮可以自动将页面滚动到指定的 anchor 。 “返回顶部”按钮就是其中之一。它将页面滚动回顶部。我还会使其在单击时消失，因为一旦您位于页面顶部，就不再需要它了。

问题是，滚动功能使“返回顶部”按钮出现，即使它滚动到顶部。我想让它在被点击时消失，并保持隐藏状态。

我想我的问题是如何在单击返回顶部按钮后使原始滚动功能无效？

有人建议我使用scrollTop函数来隐藏“返回顶部”按钮，但这样会带来太多的跨浏览器问题。

基本上有一些代码可以使该功能无效吗？

抱歉这个新手问题，但我是 jquery 新手。

Answer 1

这里有一些代码，单击按钮后将隐藏该按钮

var isScrollingToTop = false;
$(window).scroll(function(){
    if(!isScrollingToTop && $(window).scrollTop()>0)
         $('#scrollBtn').show();
    else
         $('#scrollBtn').hide();
});
$('#scrollBtn').click(function(){
    isScrollingToTop = true;
    $('body,html').animate({scrollTop: 0}, 800,function(){
        isScrollingToTop=false;
    });
});

这是一个 jsfiddle 例如:http://jsfiddle.net/btesser/HXQX4/1/