Javascript 使用.animate({width:';hide';})隐藏元素时,元素在消失之前闪烁,但仅在Chrome上
这个问题出现在Chrome/Chrome上(在Linux和Windows上):当我使用JQuery用Javascript 使用.animate({width:';hide';})隐藏元素时,元素在消失之前闪烁,但仅在Chrome上,javascript,jquery,html,css,flicker,Javascript,Jquery,Html,Css,Flicker,这个问题出现在Chrome/Chrome上(在Linux和Windows上):当我使用JQuery用.animate({width:'hide'})隐藏元素时,元素会收缩,然后在一小部分时间内恢复到原来的大小,然后立即消失 我拉了一把小提琴: 在IE9和Firefox上,一切正常 提前谢谢 我无法找到解决方法(如果您必须使用宽度:“隐藏”),但当我编辑jQuery fx核心以返回闪烁点时,我能够找到一个在我看来非常奇怪的浏览器错误 以下是JSFIDLE: 当您离开鼠标时,动画将开始收缩,并在到
.animate({width:'hide'})
隐藏元素时,元素会收缩,然后在一小部分时间内恢复到原来的大小,然后立即消失
我拉了一把小提琴:
在IE9和Firefox上,一切正常
提前谢谢 我无法找到解决方法(如果您必须使用
宽度:“隐藏”
),但当我编辑jQuery fx核心以返回闪烁点时,我能够找到一个在我看来非常奇怪的浏览器错误
以下是JSFIDLE:
当您离开鼠标时,动画将开始收缩,并在到达终点时突然调整为完全大小。现在这是您的闪烁源,由于jQuery编辑,它停止在那里
如果现在编辑正在设置动画的.options span元素的style属性,则可以看到该元素具有显示:内联块;溢出x:隐藏;溢出y:隐藏;宽度:0px代码>
现在,如果将宽度更改为1px
,(显示:内联块;溢出-x:隐藏;溢出-y:隐藏;宽度:1px;
),它将突然完全收缩
因此,我认为闪烁的原因是:动画达到0px,这意味着在chrome中突然完全调整大小,如上面的JSFIDLE所示,然后元素隐藏。在IE9中尝试链接JSFIDLE时,闪烁冻结状态是正常的,即使宽度为0px,也没有像chrome中那样的黑条
编辑:
以下是我在不使用width:'hide'
的情况下解决该错误的方法:
非常感谢您的及时(清晰)回答!我很抱歉这么晚才回复。