1

チャット システムはすべてのブラウザ (デスクトップ) で正常に動作していますが、電話では次の 2 つの理由でバグがあります。

position:fixed を使用しています。ボタンをクリックすると、div がスライドしてチャットボックスが開きます。

  • 固定された位置は、電話では非常に予想外に機能します。これについて多くの回避策を試しましたが、私の目的に合うものはないようです。私が必要としているのは、ボタンがクリックされたときに上にスライドする div です。

  • チャットボックスの入力ボタンをクリックできませんが、他のスマイリーと送信ボタンは正常に機能します。

私が使用しているcssとjsコードは次のとおりです。

オリジナル(および閉じるボタンのクリック時):

$("#chatarea").animate({"bottom":"-600px"});

クリック時:

$("#chatarea").animate({"bottom":"0px"});

テキストボックスの CSS を次のように設定しました。

z-index:101;

それでも、他のすべてのスマイリーは、z-index を指定しなくても正常に機能します。

php echo で混同されているため、完全なコードを投稿できません。入力オートフォーカスは正しく機能していますが、クリックしてテキストを入力できるようにする必要があります。前もって感謝します。

4

0 に答える 0