0

私は PhoneGap を介してアプリを作成しており、css と jquery を使用しています。要素を作成できることはわかってscaleいますが、表示される高さに影響を与えていないようです。縮小するだけですが、スペースは保持されます。どういうわけか、GPU で高速化された高さ操作が必要です。GPU アクセラレーションによる表示/非表示も問題ありません。

ありがとう。

編集：私が持っている構造は

スライドコンテナ --- スライド ------ スライド

slides-container はwidth: 320px; overflow: hidden;、スライドをスライドさせるためのウィンドウを作成する必要があります。オーバーフローを削除すると: hidden; 正常に動作しますが、スライド効果が失われます。

実際に起こっていることは、高さの高いスライドに移動するたびに、白いフラッシュが発生することです. 移動後のスライドの高さを設定します。

4

2 に答える 2

0

Phonegap には詳しくありませんが、jQuery を使用できる場合は、要素に jQuery アニメーション関数を作成できます。

$('#element').click(function(){
    $(this).animate({height : '200px'},100);
});

アニメーション機能は次のように機能します。({操作する CSS},期間,コールバック関数); 期間はミリ秒単位で測定され、コールバック関数は必要ありません。

margin-left や background-color などの一部の CSS メソッドは異なります。マージンは、marginLeft、marginRight、marginTop のように記述されます。background-color およびその他の python は、文字列として入力する必要があります。「背景画像」。

これが役に立ったことを願っています。

于 2012-11-23T16:11:33.757 に答える
0

答えが出ました。まだ正しく実装していないだけです。

以前に何人かが話しているのを見たことがあると思いますが、基本的にはコンテナ内のスライドの高さを変更することで、十分な大きさではありません。コンテナーの高さを変更すると、問題が修正されます。100% 確信が持てないのは、コンテナーの高さをどの値に変更する必要があるかということです。とにかく私の問題。ただし、一般的なものを見つけたらお知らせします。

今のところ、コンテナーがその要素を内部に収めることができることを確認してください。

以外にも。-webkit-backface-visibility: 非表示; この -webkit-transform-style: preserve-3d; も役立ちます。

于 2012-11-26T16:51:11.950 に答える