Elementor 设计的header头部移动端时闪烁问题

Elementor 设计的header头部移动端时闪烁问题

原因:Elementor 设计的吸附header头部,在移动端显示时会闪烁问题.

产品的原因:同时开启了三方插件的section sticky和elementor pro 的sticky功能,导致粘性冲突

关闭此处或三方插件中的sticky功能,只采用下面elementor pro中的Sticky功能,就不会冲突,页面上下滚动时Header就不会闪烁。

下面的解决方案主要解决,如果网站开启了多处sticky功能,如何最大限度的保证不会生产严重的Header闪烁。(不建议使用,兼容性一般,建议采用上面的统一方式,只用elementor pro中的sticky功能)

解决方案:隐藏elementor生成的占位header元素

.elementor-sticky__spacer {
  display: none !important;
}
Comments are closed.