悬停效果不适用于CSS转换

Question

我在我的网站上得到了一个很好的ToTop按钮，正如你在这里看到的：

The following link is with css transition

http://jsfiddle.net/Zvz6G/

我得到了一些不错的悬停效果，但问题是，通过使用过渡来获得好看的悬停效果时，我正在失去显示问题的fadeIn/fadeOut效果，这是与上面相同的代码，只是没有过渡：

The following link is without css transition

http://jsfiddle.net/tGeh2/

正如你现在所看到的，我得到了fadeIn/fadeOut效果，但我正在失去我的悬停效果，我的问题是：原因是什么，我该如何解决，谢谢大家，祝大家愉快。

Answer 1

根据您的代码，您可以定义一个新的类来禁用CSS转换，并在开始fadeOut效果之前将其添加到滚动到顶部按钮中，然后在fadeOut效果完成时将其删除，我已经更改了您的代码并修复了您的问题。您可以在这个小提琴中看到我的更改。

Answer 2

我已经删除了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等中的不一致。