jQuery 隐藏/淡入不流畅

Question

我遇到了一个奇怪的问题，隐藏和淡入不流畅。我正在使用这段代码:

$(document).ready(function(){

    $(function()
    {
        $.fn.scrollToTop=function(){
            $("#toTop").hide().removeAttr("href");
            if($(window).scrollTop()!="0"){
                $(this).fadeIn("slow")
            }
            var scrollDiv=$(this);
            $(window).scroll(function(){
                if($(window).scrollTop()=="0"){
                    $(scrollDiv).fadeOut("slow")
                }else{
                    $(scrollDiv).fadeIn("slow")
                }
            });
            $(this).click(function(){
                $("html, body").animate({scrollTop:0},"slow");
            });
        }
    });
    $(function() {
        $("#toTop, #toFavourites").scrollToTop();
    });

});

在 http://adriantomic.se/development/scroll-to-the-top-with-jquery/ 上运行完全相同的代码我从哪里拿的。上下滚动时，标签逐渐出现，平滑消失。

但是，当我在自己的开发站点上使用完全相同的代码时，标签动画(出现和消失)一点也不流畅。

知道导致此问题的原因以及解决方法吗？

谢谢

附言澄清一下，我指的是这个标签:

Answer 1

罪魁祸首在于您的 main.css 行 119，其中指出:

a {
    color: #656565;
    transition: all 0.3s ease 0s;
}

删除transition，然后再次尝试您的fadeOut。之后就很顺利了。