jQuery hide / fadeIn并不流畅

时间:2015-11-30 08:34:30

标签: jquery css animation

我有一个奇怪的问题,其中hide&淡出并不光滑。 我正在使用此代码:

$(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/上运行,我从中获取了它。 向下和向上滚动时,标签会逐渐显示并平滑消失。

然而,当我在我自己的开发网站上使用相同的确切代码时,标签动画(外观和消失)根本不是平滑的。

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

由于

P.S。只是为了澄清,我的意思是这个标签: image

1 个答案:

答案 0 :(得分:3)

罪魁祸首在于main.css119,其中指出:

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

删除transition,然后再次尝试fadeOut。之后会很顺利。