Android浏览器上的CSS-webkit transform:translate（）

尽管在iOS和每个桌面浏览器上都取得了成功，但我似乎无法在Android浏览器上正确使用translate属性或-webkit转换

我的“完整”解决方案是一个小型jQuery函数，如下所示：

$.fn.transition = function (properties, options) {
    var $element = $(this);
    options = $.extend({}, cssDefaults, options);
    properties['webkitTransition'] = 'all ' + options.duration + 'ms ' + options.easing;
    $element.css(properties);
    return this;
};

$element.css("transform","translate(1000px,0px)");

这就是所谓的：

$.fn.transition = function (properties, options) {
    var $element = $(this);
    options = $.extend({}, cssDefaults, options);
    properties['webkitTransition'] = 'all ' + options.duration + 'ms ' + options.easing;
    $element.css(properties);
    return this;
};

$element.css("transform","translate(1000px,0px)");

我在一些地方读到，Android已经破坏了对多个css3操作的同时支持；但是，即使我用这个简单的伪调用替换所有这些代码，转换也不会发生：

$element.css("-webkit-transform","translate(1000px,0px)");

---

我做错了android特有的事情了吗？

我刚刚遇到了这个问题

-webkit-transform: translate3d(0,200px,0);

所以我希望这能对你有所帮助。我相信这是Android浏览器中“坏掉的”css3元素之一

我不得不用

top:200px把上面的代码分出来

在您的情况下，我会尝试使用一个简单的
left
，例如
left:1000px

如果需要更精确的控制，请记住您的
位置
语句