CSS -webkit-transform: translate() в браузере Android

Кажется, я не могу заставить свойство translate или -webkit-transform правильно работать в браузере Android, несмотря на успех в 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?


android css webkit webkit-transform
person Msencenb    schedule 03.04.2013    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Я только что столкнулся с этим с

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

Поэтому я надеюсь, что это поможет вам. Я считаю, что это один из «сломанных» элементов css3 в браузере Android.

Мне пришлось заменить приведенный выше код с помощью top: 200px;

В вашей ситуации я бы попробовал использовать простой left, такой как left: 1000px;

помните свое утверждение position, если вам нужен более точный контроль

person seth yount    schedule 13.08.2013