Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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
jQuery/CSS动画-原始状态在转换状态上闪烁_Jquery_Css_Google Chrome_Css Transitions_Flicker - Fatal编程技术网

jQuery/CSS动画-原始状态在转换状态上闪烁

jQuery/CSS动画-原始状态在转换状态上闪烁,jquery,css,google-chrome,css-transitions,flicker,Jquery,Css,Google Chrome,Css Transitions,Flicker,我有一个问题,我的动画完成后闪烁。我混合使用jQuery和CSS来滑动div,我的问题对我来说似乎是独一无二的。确切的问题是使用$(“element”).css(“transform”、“translate(-50%,0px)”)左右滑动一个200%宽度的div 50%和转换:所有0.43秒都易于输入输出(根据需要迭代所有适当的浏览器前缀) 动画将完美地进行,直到完成,然后在一瞬间闪烁原始状态,然后返回到转换状态。除了原始状态(而不是转换状态)闪烁约0.001秒之外,该代码完全按照计划工作 一个

我有一个问题,我的动画完成后闪烁。我混合使用jQuery和CSS来滑动div,我的问题对我来说似乎是独一无二的。确切的问题是使用
$(“element”).css(“transform”、“translate(-50%,0px)”)左右滑动一个200%宽度的div 50%和
转换:所有0.43秒都易于输入输出(根据需要迭代所有适当的浏览器前缀)

动画将完美地进行,直到完成,然后在一瞬间闪烁原始状态,然后返回到转换状态。除了原始状态(而不是转换状态)闪烁约0.001秒之外,该代码完全按照计划工作

一个特别奇怪的方面是,我在两种状态下都有(自定义JS,而不是实际的)下拉列表,jQuery在滑动动画发生之前关闭,但当闪烁发生时,它显示下拉列表仍在扩展。当向后滑动时,下拉列表将按其应有的方式关闭。这些以前完美地结合在一起,而我今天也没有触及任何一段代码

这就像是在拍摄动画之前页面状态的截图,做我想让它做的事情,然后闪动之前状态的截图故意嘲弄我

不幸的是,我不能发布JSFIDLE,因为我不能孤立地再现这个问题,而且我很确定我的雇主不希望我在这里发布整个代码。很抱歉,我不能提供更多。谢谢你能给我的帮助

(让任何人都感到奇怪的是,我已经看了很多其他的例子
溢出:父元素上的隐藏将停止某些动画
从闪烁和跳跃到最终位置,而不设置动画
最后一点。但这不是这里发生的事情。我已经经历过了
问题摆在我面前,这不是问题)


**更新:进一步检查后,这个问题只发生在Chrome中,而不是Safari或Firefox中。今天我把Chrome更新到了18.0.1025.142,这可能就是问题所在。

我的一个问题的解决方案是,由于“找不到变量”,浏览器在未设置样式的表单对象上提供的渐变在页面的整个宽度和高度上传播(即使z索引低于隐藏在后面的其他元素)我的JavaScript中出现错误。在使用jQuery调用Javascript变量之前,我定义了Javascript变量,奇怪的渐变就消失了。我只能把这种奇怪的行为归咎于由于找不到它想要的变量而导致的不正确的解析。尽管它看起来完全不相关,但它是正确的解决方案。

没有代码,很难提供帮助。Javascript无论如何都是客户端的,所以除非它是内部网,否则在这里发布它与查看源代码没有区别。你有没有尝试过删除CSS,并尝试通过jQuery实现它?另一个更新:Chrome现在出现了更奇怪的事情,与jQuery和CSS动画有关,涉及显示错误,在转换触发时,代码中不存在的渐变条开始出现,并在整个屏幕上显示。有竖条和横条。这不是webkit,而是Chrome本身;经过Safari测试,一切正常。和Firefox一样,Chrome似乎有一个动画bug,但我不知道如何摆脱它。谢谢你,Alex,但是不,切换到纯jQuery.Hmph没有什么区别。我设法解决了所有这些问题。它们都是和我想象的完全不同的解决方案。事实上,是的@Alex,我以为我已经完全切换到了jQuery,但结果是我在页面上编辑了错误的转换,我仍然看到了CSS实现的问题。一旦我发现了这一点,并将有问题的问题切换到只使用jQuery,它现在在Chrome中运行良好。所以我有点不知所措:我的CSS代码是不是不正确?新版本的Chrome是否有与jQuery/Javascript/CSS相关的bug?我还是不知道。我只是想看看我自己是如何测试一些东西的——你能试着把时间设置为1秒而不是0.43秒,并且在不放松的情况下尝试一下吗。谢谢Alex。在这一点上,只要它起作用,我很高兴。:)