jQueryMobile を使用してモバイル Web ページを開発しています。(at the bottom ~40px)
特に遷移のために、ページ遷移中に常に行があることがわかりましたslideup
。
たとえば、 を$.mobile.changePage()
使用して新しいページを呼び出すとslideup
、空白の白いページが表示され、中央下部にストック ラインが表示され、その後、新しいページが表示されます。奇妙に見えるだけで機能的な障害はありません。
jQueryMobile を使用してモバイル Web ページを開発しています。(at the bottom ~40px)
特に遷移のために、ページ遷移中に常に行があることがわかりましたslideup
。
たとえば、 を$.mobile.changePage()
使用して新しいページを呼び出すとslideup
、空白の白いページが表示され、中央下部にストック ラインが表示され、その後、新しいページが表示されます。奇妙に見えるだけで機能的な障害はありません。
以前にこの問題に遭遇し、stackoverflowとgithubから回答を検索しようとしましたが、完全な解決策は見つかりませんでした。
最後に、この問題を修正するためにいくつかのトリックを使用しようとします。
ラインについて:
デフォルトでは、jquery mobile ui-mobileクラスまたはその他のクラスはWebページの最小の高さを460pxに設定しているため、最小の高さを460+またはheigherに設定すると、白い線が消えます。
ページの点滅または点滅について:
通常、jqueryモバイルWebアプリは次のように記述します。
page1:
<body>
<div>...All Main Content Here</div>
</body>
page2:
<body>
<div>...All Main Content Here</div>
</body>
しかし、私はそれをこのように変更します:
page1:
<body>
<div id="page1">
<div>...All Main Content here</div>
</div>
</body>
page2:
<body>
<div id="page2" style="display:none">
<div>...All Main Content here</div>
</div>
</body>
そして、すべてのページ遷移の後に関数を呼び出します:
setTimeout(function(){ $("#page2").css("display","block"); } , 80 );
そして、あなたはすべてが良いことに気付くでしょう。