尽管在 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的吗?