鼠标移动动画冻结（IE7 - IE8）

Question

我被困住了。 然而，12小时我正试图调试一个奇怪的问题。感谢IE7，IE8。

这是一个演示：

DEMO

要解决问题，只需查看CSS并将#container设置为relative; marg. 0 auto（这就是我需要的！）而不是悬停#container，你会看到：mouseover =停止其他.el动画！< / p>

我需要在页面（或#container）上使用mouseover事件让div #mouse跟随指针。并且div #container是以页面为中心的（不是100％宽度）。这个问题看起来很简单，但很奇怪！

1. 当div #mouse未附加到指针时 - WORKS GREAT。
2. 小于10时浮动.el - 好。 （僵尸不是我的解决方案，我甚至需要100+ .el。）
3. 当#container将CSS设置为absolute时（当容器的左侧/顶部为0px时） - 太棒了！

但我需要它集中。

请帮忙！

编辑： 是的，当#container设置为relative ; 0 auto时，window宽度小于#container而不是问题消失了！ ......有什么想法吗？

Answer 1

我不知道为什么会这样，我还没有尝试过特别深入地调试它。

我确实找到了一个有点疯狂的修复：

$("#container").mousemove(function(e){
    setTimeout(function(){       
        $('#mouse').css({top: e.clientY -12 , left: e.clientX +50});
    },0);
});

请参阅： http://jsfiddle.net/tDXdz/4/ - 全屏：http://jsfiddle.net/tDXdz/4/show/

您可能应该仅针对IE7 / 8 使用此修复程序，因为可能会降低其他浏览器的性能，并且它们不需要修复。测试一下。