悬停效果不与CSS过渡

-2

我在我的网站有一个很好的ToTop按钮的工作，正如你可以在这里看到：悬停效果不与CSS过渡

The following link is with css transition

http://jsfiddle.net/Zvz6G/

我得到了一些不错的悬停效果，但问题是，使用过渡到让我好看的悬停效果我正在失去我的淡入/淡出效果，借以说明问题，下面是相同的代码只是没有过渡以上：

The following link is without css transition

http://jsfiddle.net/tGeh2/

正如你可以看到现在我得到了我的淡入/淡出效果，但我失去我悬停效果，我的问题是：是什么原因为何，我怎么能解决这个问题，谢谢大家，祝你今天愉快。

来源

2013-09-01 Aviel Fedida

你可以在你的问题中包含一些代码。不要回避规则。 – putvande

对我来说，代码工作完美。我尝试了第二个小提琴。悬停很好，fadeIn/fadeOut是完美的。什么是问题哥们？ –

基于您的代码，你可以定义一个新的类禁用CSS过渡并将其添加到您的滚动到顶部按钮开始fadeOut效果之前，然后删除它们时fadeOut作用完成后，我已经改变了你的代码和修复了您的问题，您可以在this fiddle中看到我的更改。

来源

2013-09-01 13:31:22

注意：我已经实施了这个修补程序只用于'fadeOut'效果，如果你需要这个效果，你可以实现它'fadein'效果 –

谢谢Alireza，Mabye你知道为什么转换和淡入淡出不能一起工作？ –

对不起，但我不确定我对这个问题的想法是否属实，所以我不想谈论它。 –

我已经删除了css并使用jquery添加它。 http://jsfiddle.net/andaywells/Zvz6G/25/embedded/result/

看看这里： http://jsfiddle.net/andaywells/Zvz6G/25/

$('.scrollUp').hover(function() { 
    $('.scrollUp').fadeOut(500).delay(100); 
}); 

$('.scrollUp').mouseleave(function() { 
    $('.scrollUp').fadeIn(500).delay(100); 
});

希望这有助于。这将由所有浏览器支持，防止ie等不一致。

来源

2013-09-01 13:32:16

悬停效果不与CSS过渡

回答

相关问题