Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用.animate({width:';hide';})隐藏元素时,元素在消失之前闪烁,但仅在Chrome上_Javascript_Jquery_Html_Css_Flicker - Fatal编程技术网

Javascript 使用.animate({width:';hide';})隐藏元素时,元素在消失之前闪烁,但仅在Chrome上

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: 当您离开鼠标时,动画将开始收缩,并在到

这个问题出现在Chrome/Chrome上(在Linux和Windows上):当我使用JQuery用
.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'
的情况下解决该错误的方法:

非常感谢您的及时(清晰)回答!我很抱歉这么晚才回复。