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)");

私はアンドロイドに特有の何か間違ったことをしていますか?

4

1 に答える 1

3

私はちょうどこれに遭遇しました

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

だから私はこれがあなたを助けることを願っています. これは、Android ブラウザーの「壊れた」css3 要素の 1 つだと思います。

上記のコードをサブアウトする必要がありましたtop: 200px;

あなたの状況では、次のような単純leftなものを使用してみますleft: 1000px;

positionより正確な制御が必要な場合は、ステートメントを覚えておいてください

于 2013-08-13T20:20:47.233 に答える