.consult-fab { position: fixed; right: 16px; bottom: 24px; }
.form-actions { padding-bottom: 96px; }
@media (max-width: 640px) { .submit-btn { width: 100%; } }
手机上填完表单,提交按钮右半边被客服悬浮球盖住,点上去弹出的是咨询窗口,连续三个用户反馈提交不了。先别急着动参数,把报错原文和时间点记下来,顺序反了容易白折腾。
原因不复杂,悬浮球用 fixed 定位在右下角,表单提交按钮也靠右,两者在窄屏上重叠。悬浮层 z-index 更高,点击先落到它身上。
围绕「悬浮咨询按钮遮挡」排查时,命令行跑一遍比在面板里点十次有用,面板会替你做掉不少隐式操作。备份不是备了就行,恢复一次才算数,很多备份文件打开才发现是空的。
接口问题先分清是没发出去、发出去了没收到,还是收到了处理失败。
处理上按这个顺序:给页面底部留出悬浮球高度的安全距离,表单容器加 padding-bottom;提交按钮在移动端改成整行宽度,别和右下角抢位置;悬浮球滚到表单区域时临时收起,离开再出现。
改完只确认一件事:手机上滑到表单底部,提交按钮完整露出,点下去走的是提交而不是咨询。
