Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.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 JS+;CSS3:当我开始应用转换时,令人烦恼的闪烁_Javascript_Jquery_Css_Webkit - Fatal编程技术网

Javascript JS+;CSS3:当我开始应用转换时,令人烦恼的闪烁

Javascript JS+;CSS3:当我开始应用转换时,令人烦恼的闪烁,javascript,jquery,css,webkit,Javascript,Jquery,Css,Webkit,我正在应用css3 webkit本机转换 $('#navigation .item').bind('click', function(event) { $('.item').css('-webkit-transition-duration', '0.2s'); $(this).parent().css('-webkit-transform', 'translate(0px,0px)'); $(this).css('-webkit-transform', 'translat

我正在应用css3 webkit本机转换

$('#navigation .item').bind('click',
function(event) {
    $('.item').css('-webkit-transition-duration', '0.2s');
    $(this).parent().css('-webkit-transform', 'translate(0px,0px)');
    $(this).css('-webkit-transform', 'translate(188px,0px)');    
});
基本上,在一个导航菜单上,我需要恢复到未选中的所有元素“item” 然后将“选定”状态应用于单击的项目

我的问题是在这个项目上有一个“闪烁”的效果…一眨眼…这是非常糟糕的…最有可能是因为我把css应用到了所有的项目上,大约20个元素

我想知道这是一场表演还是别的什么


您知道更好的应用方法吗?

我们可以看一个问题的例子吗?正如dave建议的,请提供一个演示,我怀疑您的动画正在排队,这可能会产生不想要的效果。我以前在某个地方读过一些关于这个问题的文章,这是一个chrome bug