Question

 jQuery(function() {
            jQuery('#rightbar').bind('mouseenter',function(){
                  jQuery(this).stop().animate({right: 0}, {duration:600});
            });
            jQuery('#rightbar').bind('mouseleave',function(){
                  jQuery(this).stop().animate({right: '-150px'}, {duration:600});
            });
        });

虽然我在我的网站上使用此功能，但它在除firefox（最新）之外的所有其他浏览器上都能正常工作。

当我将鼠标悬停在div #rightbar上时，它会向左移动，而不是向我的脚本移动到右边。我查看Chrome和frefox：

在Chrome上，悬停时，右侧属性更改为：-150 - ＆gt; 0

但是在Firefox上，当悬停时，右属性改变-150 - ＆gt; -170 ......等..

我不知道为什么，也许是firefox bug（？）。

期待你的帮助。

谢谢！

P / s：你可以在这里查看：http://goo.gl/SChFo

Answer 1

我做了一些研究，看起来它是FireFox中的一个错误：

https://bugzilla.mozilla.org/show_bug.cgi?id=844178

如果您为min-width使用width而不是.rightbar，则可以解决此问题（至少对于Firefox来说，但老实说我需要说我现在没时间到检查这是否适用于跨浏览器）

这里有一个类似的问题有同样的问题：
css jquery position fixed element on the right. animate BUG in Firefox

这个问题更清楚地表明它是FF的一个问题，因为没有触及right值但只更改bottom值，但效果与示例相同

jQuery动画在firefox中无法正常工作

1 个答案: