チャット システムはすべてのブラウザ (デスクトップ) で正常に動作していますが、電話では次の 2 つの理由でバグがあります。
position:fixed を使用しています。ボタンをクリックすると、div がスライドしてチャットボックスが開きます。
固定された位置は、電話では非常に予想外に機能します。これについて多くの回避策を試しましたが、私の目的に合うものはないようです。私が必要としているのは、ボタンがクリックされたときに上にスライドする div です。
チャットボックスの入力ボタンをクリックできませんが、他のスマイリーと送信ボタンは正常に機能します。
私が使用しているcssとjsコードは次のとおりです。
オリジナル(および閉じるボタンのクリック時):
$("#chatarea").animate({"bottom":"-600px"});
クリック時:
$("#chatarea").animate({"bottom":"0px"});
テキストボックスの CSS を次のように設定しました。
z-index:101;
それでも、他のすべてのスマイリーは、z-index を指定しなくても正常に機能します。
php echo で混同されているため、完全なコードを投稿できません。入力オートフォーカスは正しく機能していますが、クリックしてテキストを入力できるようにする必要があります。前もって感謝します。