jquery - mousemove 动画卡住 (IE7 - IE8)

Question

我卡住了。然而 12h 我正在尝试调试一个奇怪的问题。感谢 IE7、IE8。

这是一个演示:

DEMO

要解决这个问题，只需查看 CSS 并将 #container 设置为 relative；玛格。 0 auto(这就是我需要的!) 将鼠标悬停在#container 上，您会看到:mouseover = 停止其他 .el 动画!

我需要在页面(或#container)上设置 mouseover 事件，以便 div #mouse 跟随指针。并且 div #container 以页面为中心(不是 100% 宽度)。问题看似简单，其实很奇怪!

1. 当 div #mouse 未附加到指针时 - 效果很好。
2. 当少于 10 个 float 时 .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 使用此修复程序，因为它可能会降低其他浏览器的性能，而它们不需要此修复程序。测试一下。