-2

我在我的网站上找到了一个不错的 ToTop 按钮，您可以在此处看到：

The following link is with css transition

http://jsfiddle.net/Zvz6G/

我得到了一些不错的悬停效果，但问题是通过使用过渡来获得漂亮的悬停效果，我失去了淡入/淡出效果来显示问题，这里是与上面相同的代码，只是没有过渡：

The following link is without css transition

http://jsfiddle.net/tGeh2/

正如您现在所看到的，我得到了淡入/淡出效果，但我失去了悬停效果，我的问题是：这是什么原因，我该如何解决，谢谢大家，祝您有美好的一天。

4

2 回答 2

1

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

于 2013-09-01T13:31:22.710 回答
1

我已经删除了 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-01T13:32:16.720 回答