1

我正在使用 materialize css 0.100.2 并一直在我的网站上查看 CLS 我已将问题确定为这段代码：

$(window).resize(function() {
      $('.lt-slider').height($(window).height() + 15).css('position', 'relative');
  });

使用此代码，如果我将其删除 0.039，我的 CLS 为 1.13，但我松开了一块屏幕，以便内容消失在滑块后面，是否有解决方案来保留内容并减少 CLS。

4

2 回答 2

2

我发现这是由 gerald 发布的：

首先，创建一个类“antiCls”并将其添加到您的自定义 CSS（在 HEAD 元素中），如下所示：

.antiCls { 
    visibility: hidden;
}

然后使用这段javascript：

var cls = document.getElementsByClassName('antiCls'),
    i = cls.length;
    
for (i = 0; i < cls.length; i++) {
    cls[i].style.visibility = "visible";
    }

然后我将该类添加到灯塔中受“避免大布局变化”影响的每个元素中，您可能需要测试应用了 antiCls 类的每个元素，但它有效

于 2021-03-11T20:07:10.113 回答
1

据我所知，我一直在深入研究我的问题，这与 Materialize CSS 和 jquery 版本有关。我已经尝试了 .097 0.100.2 和 1.00 都具有相同的结果，如果我使用 jquery 2.2.4，CLS 为 0.4，但如果我使用 jquery 3 及更高版本，CLS 会上升到 1.4，但如果我使用物化 CSS 版本 1 并使用javascript CLS下降，我可以使用上面的减少到0

于 2021-03-16T16:22:23.510 回答