我遇到一个奇怪的问题,隐藏和淡入不流畅。 我正在使用这段代码:
$(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/ 上运行我从哪里拿来的。 向下和向上滚动时,标签逐渐出现并平滑消失。
但是,当我在自己的开发网站上使用相同的代码时,标签动画(出现和消失)一点也不流畅。
知道导致此问题的原因以及如何解决它吗?
谢谢
最佳答案
罪魁祸首在于你的 main.css
线119
其中指出:
a {
color: #656565;
transition: all 0.3s ease 0s;
}
删除transition
,然后尝试您的fadeOut
再次。之后就顺利了。
关于jQuery 隐藏/淡入不流畅,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33994353/