首次访问时 Cookie 横幅贴在底部,高 96 像素,正好压住页脚的公司名和备案号,用户点完同意才看得到。碰到这种情况,我一般先确认改动有没有真的生效。
原因不复杂,横幅和页脚都用了 fixed bottom,层级更高的横幅盖在上面,页面没有为横幅预留空间。横幅关闭后也没有恢复布局。
「页脚与 Cookie 横幅重叠」这类改动最怕改一半,回滚脚本先准备好,再动生产。报错里带路径的,先去看那个路径在不在、权限对不对。
body.cookie-open { padding-bottom: 96px; }
.cookie-bar { position: fixed; bottom: 0; height: 96px; }
同一份配置存在多处的,先确认改的是被加载的那一份。新版本先放一台机器上跑一天再全量,问题一般在这段时间暴露。
备份不是备了就行,恢复一次才算数,很多备份文件打开才发现是空的。
具体做法是,横幅出现时给 body 加一个类,底部留出与横幅等高的内边距;横幅关闭后移除这个类,别让空白一直留着;在无痕窗口首次访问,确认页脚没被遮。
最后用这个标准收尾,首次访问时页脚完整显示在横幅上方,关闭后不留空白。
