2

現在、アコーディオン通知 (画面の上部から下にスライドするようなもの) を表示する必要がある Javascript プラグインを作成しています。

モーダルとアコーディオンでこの css を使用するだけで、デスクトップ ブラウザーで美しく動作します。

position: fixed;
top: 0;
left: 0;
width: 100%;

残念ながら、これは Android や iOS などのモバイル ブラウザーではうまく機能しません。Android 4 ICS を搭載した Galaxy S2 のデフォルトの動作は、固定位置要素が正しい場所に配置され、サイズが画面幅 100% になることです。残念ながら、ズームをピンチしてページのスケールを変更するとすぐに、ブラウザーは 100% の幅を再計算しないようで、要素が画面からはみ出してしまいます。コンテンツをパンしても、固定要素はパンされません。

iScrollを見つけました。これは、私が望むことを正確に実行するように見える Javascript プラグインです。ただし、ページのメイン コンテンツのソースを変更して動作させる必要があります。私のプラグインはどのサイトでも動作する必要があるため、残念ながらこれはオプションではありません。

誰にもアイデアはありますか？

4

1 に答える 1

0

追加してみてください

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

モバイルブラウザがコンテンツのサイズを変更するのを防ぐ必要があります。

于 2013-03-22T15:26:11.473 に答える