我有一个奇怪的问题,其中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/上运行,我从中获取了它。 向下和向上滚动时,标签会逐渐显示并平滑消失。
然而,当我在我自己的开发网站上使用相同的确切代码时,标签动画(外观和消失)根本不是平滑的。
知道导致此问题的原因以及解决方法吗?
由于
答案 0 :(得分:3)
罪魁祸首在于main.css
行119
,其中指出:
a {
color: #656565;
transition: all 0.3s ease 0s;
}
删除transition
,然后再次尝试fadeOut
。之后会很顺利。