webappの動き

css html iui javascript web-applications
webappの動き

iuiライブラリを使用してhtml css javascriptのみを使用してwebappを作成しました。ページが少なく、すべてのコンテンツが1つのhtmlページ内にあり、ページナビゲーションとスライド効果のためにiuiフレームワークを使用しました。

多くのコンテンツがある場合、上下にスクロールできますが、これは問題ありませんが、ページを水平に左から右または右から左にドラッグし、ページを左上から斜め全体にドラッグするとページがこれらの方向に移動しているが、良くない

この動きをロックして、指を使って横または斜めにスライドさせても、ページは固定されたままで、上下にのみ移動する必要があります

この動きを避けるためにメタタグを書く必要がありますか。

html cssとjavascriptのみを使用すると、これを修正する方法がありますか、xcodeを使用してアプリをネイティブに作成せずに他の選択肢があります

  0  0


ベストアンサー

Webページがビューポートの幅よりも広い場合、説明した動作が発生します。 ただし、コンテンツの幅が320pxに設定されていることを確認した場合(および子のような透明な要素がその境界点を超えてコンテンツをプッシュしていない場合)、横にスクロールすることはできません。

それがうまくいかない場合は、touchstart / move / endイベントを使用し、イベントオブジェクトでpreventDefault()を使用してjavascriptのデフォルトの動作を無効にすることができます-http://www.sitepen.com/blog/2008/ 07/10 / iPhoneでのタッチとジェスチャー/

0


こんにちはSudhakar! リストを使用しないのはなぜですか?

まず、ビューポートメタが正しいかどうかを確認します。 次に、おそらくメディア(画像)はグローバルビューポートよりも大きくなります。

最後に、これは幅が原因である可能性もあります:100%+パディング/マージン。 それを修正するには、box-sizing:border-box;あなたの友達かもしれません

R.

0


タイトルとURLをコピーしました