聊天系统在所有浏览器(桌面)上运行良好,但在手机上出现故障,原因有两个:
我正在使用位置:固定,当单击按钮时,一个 div 向上滑动并打开聊天框。
固定位置在手机中的工作非常不可预测。我为此经历了许多解决方法,但似乎没有什么适合我的目的。我需要的是一个 div 在单击按钮时向上滑动。
我无法单击聊天框上的输入按钮,而其他表情符号和提交按钮工作正常。
这是我正在使用的 css 和 js 代码:
originaly(并点击关闭按钮):
$("#chatarea").animate({"bottom":"-600px"});
点击:
$("#chatarea").animate({"bottom":"0px"});
我已将文本框 CSS 设置为:
z-index:101;
即使没有指定 z-index,所有其他表情符号仍然可以正常工作。
我无法发布完整的代码,因为它混合在 php echo 中。输入自动对焦工作正常,但我需要能够单击以输入文本。提前致谢。