1

私は最近、カラーボックスで動作するプロジェクトに取り組んでいます。デスクトップマシンのすべてのブラウザーですべてが機能していますが、iPad ブラウザーで問題が発生しています。

カラーボックスを使用して、ユーザーが情報を入力して保存するための複数の入力テキスト ボックスを含むフォームを表示しています。私が抱えている問題は、ユーザーがiPadのカラーボックス内のテキストボックスをクリックすると、カラーボックスの位置が右下に押し下げられるため、ズームアウトしてカラーボックスを再度見つけない限り、ユーザーはカラーボックスを表示できないことです. ただし、これを行ってからテキストボックスをもう一度クリックすると、同じことが起こります...したがって、テキストボックスに情報を入力することはできません。

これは、iPadがクリックされたときにテキストボックスに焦点を合わせようとしていて、テキストボックスを表示するために再配置しようとしているという事実と関係があると感じていますが、カラーボックスが表示されているため、これは機能しません。これが単なるアイデアで正しいかどうかわかりませんか?

さらに情報が必要な場合は、お知らせください。

どんな助けでも素晴らしいでしょう!

4

1 に答える 1

5

私がこの問題を修正した方法に興味がある人にとっては、追加することでした

reposition: false

カラーボックスに:

$.colorbox({ href:"/sites/index.html", width: 600, reposition: false });

これにより、要素がフォーカスされているときにカラーボックスの位置が移動しなくなります。

于 2013-06-11T16:14:29.113 に答える