我被卡住了。
但是12h我正在尝试调试一个奇怪的问题。感谢IE7,IE8。

这是一个演示:

DEMO

要解决此问题,只需查看CSS并将#container设置为relative; marg. 0 auto(这就是我需要的!)。比将#container悬停起来,您会看到:mouseover =停止其他.el动画!

我在这里需要在页面(或#container)上具有mouseover事件,以使div #mouse跟随指针。并且div#容器要以页面为中心(不是100%宽度)。这个问题看起来很简单,但是很奇怪!


当div #mouse未附加到指针时-WORKS GREAT。
当少于10个浮动.el-良好时。 (不是我的解决方案,我甚至需要多达100个以上的.el。)
当#container的CSS设置为absolute时(当容器的左上角为0px时)-太棒了!


但我需要居中。

请帮忙!

编辑:
是的,当#container设置为relative ; 0 auto,并且window宽度小于#container时,问题就消失了! ... 有任何想法吗?

最佳答案

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

我确实找到了某种疯狂的解决方法:

$("#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,因为它可能会降低其他浏览器的性能,并且它们不需要此修补程序。测试一下。

关于jquery - 动画在mousemove上卡住(IE7-IE8),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6884905/

10-12 00:35
查看更多