Question

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

我的'完整'解决方案是一个像这样的小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)");

我在某些地方读到Android同时断开了对多个css3操作的支持;但即使我用这个简单的虚拟调用替换所有这些代码，变换也永远不会发生：

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

我做错了什么特定于android？

Answer 1

我刚刚用

遇到了这个问题

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

所以我希望这会对你有所帮助。我相信这是Android浏览器中'破坏'的css3元素之一。

我必须使用top: 200px;

将上述代码分出来

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

如果您需要更准确的控制，请记住您的position声明

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

1 个答案: