webkit translateX 动画正在回滚到初始位置

我正在尝试为移动 webkit 制作一个图片库，

实际上足够快的唯一方法是使用硬件加速的translateX。

我的问题是 div 在动画结束时收回其初始位置。我在左侧按钮上添加了 SlideGalLeft 类。到动画 div

您可以在此处的回调事件部分中查看示例：http://position-absolute.com/jqtouch/demos/main/#home http://position-absolute.com/jqtouch/demos/main/#home

    .slideGalLeft {
    -webkit-animation-name: slideColis;
}


@-webkit-keyframes slideColis {
    from { -webkit-transform: translateX(0%); }
    to { -webkit-transform: translateX(-100%); }
}

不要为此使用 webkit 动画，因为一旦播放它就会恢复为默认值。 相反定义

.slideGalleft{
    -webkit-transition: -webkit-transform 1s linear;
    -webkit-transform: translateX(0%);
}

并使用 Javascript，或者设置-webkit-transform: translateX(100%);或者向你的元素添加一个 CSS 类来设置最终的变换值，webkit 将正确地为其设置动画