5

私たちはモバイルWebサイトでMobiscrollを使用しており、1つのデバイスを除いて問題なく動作します：上司のSamsung Galaxy S3（標準のSamsung fwと標準のブラウザーを実行しますが、MobiscrollはChromeで正常に動作します）。すべての要素のz-indexが台無しになっているようです。

次のようになります： http： //pix.toile-libre.org/？img = 1350013732.png

すべてが暗くて読みづらく、数字は矢印を超えています。

CSSで少し遊んで、ページの透明な背景を削除しました。これにより、すべての色が通常の色に戻りました（何らかの理由で本来の色に戻すことができませんでした）。しかし、車輪の数はまだ矢印の前にあります。

私はCSSでさらに遊んで、-webkit-transform3dを使用すると、すべての上に独自のレイヤーがあるかのように、ホイールがすべての前に移動することがわかりました。

しばらくして、メニューバーに「position：fixed;」があるために問題が発生していることがようやくわかりました。ビューポートに固執するようにそれらに。それらを「position：static;」以外の場所に置くとすぐに、ブラウザはMobiscrollを含むすべてを台無しにしているように見えます。

これらのメニューを固定しておく必要があります。ページには、「position：absolute;」を取得する他の要素があります。

私がこれをどのように解決すべきか考えていますか？MobiscrollのCSSとJSをハックして、transform3dと背景を取り除き、動作が悪くないように見えるようにする必要がありますか、それともその恐ろしいデバイスのより良い解決策がありますか？

他に必要なものがあれば教えてください！

ありがとう！

4

4 に答える 4

5

これはAndroid4.0のバグのようです。ここにバグレポートがあります： http ：//code.google.com/p/mobiscroll/issues/detail？id = 96

于 2012-10-15T14:21:22.810 に答える
1

私もこの問題に直面しています。

見つかった唯一の解決策は、mobiscroll onShowおよびonCloseイベントを使用して、オーバーレイの問題を引き起こすこの位置固定要素を非表示および表示することです（場合によっては、位置固定されたフッターでした）。

于 2012-11-12T09:49:50.087 に答える
0 
$(".date-picker").mobiscroll().date({
                        onShow: function(html, inst) {
                            var header = $('div[data-role="header"]');
                            if(header) header.css('position', 'absolute');
                            var footer = $('div[data-role="footer"]');
                            if(footer) footer.css('position', 'absolute');
                        },
                        onClose: function(html, inst) {
                            var header = $('div[data-role="header"]');
                            if(header) header.css('position', 'fixed');
                            var footer = $('div[data-role="footer"]');
                            if(footer) footer.css('position', 'fixed');
                        }
                    });
于 2013-02-07T05:18:09.663 に答える
0

私はその種類が遅いことを知っています。しかし、これは私のために修正を行いました、

-webkit-backface-visibility: hidden

divで

于 2013-09-11T12:25:28.940 に答える