1

当您将鼠标悬停在 li 元素上时，我正在尝试移动水平列表。动画涉及一些新 div 的显示/隐藏和调整大小以及 ul 的 X 平移。除了 Firefox 上的 X 翻译外，Everyting 工作正常。

实际的脚本太大了，无法在 Jsfiddle 上发布，但这里是“麻烦制造者”

JS代码是：

var translation="translateX("+next_move+"px)";
console.log("translation: "+translation);
$('#carousel').css({"top":"10px","-moz-transform":translation});
$('#carousel').css({"top":"10px","-webkit-transform":translation});

CSS 为#carousel

#carousel{
    position:relative;
    webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -ms-transition: -ms-transform 0.2s linear;  
    -o-transition: -o-transform 0.2s linear;  
    transition: transform 0.2s linear; 
}

有人能指出我正确的方向吗？谢谢

4

0 回答 0