我被卡住了。
但是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/