jQuery 隐藏/淡入不流畅

标签 jquery css animation

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

$(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/ 上运行我从哪里拿来的。 向下和向上滚动时,标签逐渐出现并平滑消失。

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

知道导致此问题的原因以及如何解决它吗?

谢谢

附注只是为了澄清一下,我的意思是这个标签: image

最佳答案

罪魁祸首在于你的 main.css线119其中指出:

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

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

关于jQuery 隐藏/淡入不流畅,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33994353/

相关文章:

ios - 使用 CAAnimation.CurrentMediaTime() 更改显式动画的速度

ios - Ionic 5 Google Map Marker 在 IOS 上打破动画

jquery - jQuery 选择器可以应用于一个元素而不是整个文档吗?

javascript - 从对象调用函数的范围问题

jquery - 限制此自定义导航的水平滚动

javascript - jQuery 按钮背景滑入/向上效果

android - 更改 TextView 时的动画

jquery - 将 100% 宽度的 div 放在 WordPress 页面内容的容器中

css - FontLoader不起作用-没有字体加载

css - ActiveAdmin 和其他自定义 CSS 文件