3

尽管在 iOS 和每个桌面浏览器中都取得了成功,但我似乎无法让 translate 属性或 -webkit-transform 在 Android 浏览器上正常工作。

我的“完整”解决方案是一个像这样的小型 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的吗?

4

1 回答 1

3

我刚刚遇到了这个

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

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

我不得不用top: 200px;

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

position如果您需要更准确的控制,请记住您的陈述

于 2013-08-13T20:20:47.233 回答