css - 如何解决公告栏造成的累积布局偏移?
问题描述
我的电子商务网站 (Shopify) 有一个公告栏,它会将页面的其余内容向下推送,从而导致 CLS 问题。
我已经在论坛和文章中搜索了一段时间,但是关于解决 CLS 的所有建议都是超级通用的(“确保不要出现弹出窗口!”),缺乏实际实施的指南。
公告栏的高度在所有设备上都是固定的 46 像素,所以理论上这应该很容易通过在主题文件中为其分配空间来解决,但我不知道该怎么做。
解决方案
这应该可以解决问题!将其添加到您的 CSS 样式的末尾。
.announcement-bar{
position: absolute !important;
height: 25px;
width: 100%;
font-size: small;
}
.announcement-bar__message{
padding:0 !important;
}
推荐阅读
- geogebra - 在 geogebra 中计算固体旋转的体积
- regex - 阅读 go.mod 并检测项目的版本
- javascript - 点击功能不起作用,因为它在另一个返回语句中
- java - 如何在 picocli 中添加接口的字段作为选项?
- excel - 有没有如何处理 vba 中的错误 13
- python - python - 根据值对字典键进行排序
- c# - C# CNC 控制器
- r - 有没有计算百分比的R函数?
- c++ - 将文本文件的内容存储在 C++ 中的 char* 数组中
- blazor-webassembly - Ant Design Blazor:如何在 EnumSelect 中使用 DisabledName