累计布局移位和jquery

Question

我使用的是materialize css 0.100.2，并一直在我的网站上寻找CLS，我已经确定了问题是这段代码:

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

有了这段代码，我的CLS是1.13，如果我删除它0.039，但我失去了一块屏幕，使内容消失在滑块后面，是否有一个解决方案来保持内容和减少CLS。

Answer 1

我发现这个帖子是gerald发的:

首先创建一个类" anticlass "并将其添加到自定义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";
} 

然后我将类添加到受"影响的每个元素中;避免大的布局偏移"在lighthouse中，你可能需要测试应用了antiCls类的每个元素，但它是有效的

Answer 2

我一直在深入挖掘我的问题，据我所知，这是与Materialize CSS和jquery版本有关。我已经尝试了0.097 0.100.2和1.00所有与相同的结果CLS是0.4，如果我使用jquery 2.2.4，但如果我使用jquery 3和以上的CLS拍摄高达1.4，但如果我使用物化CSS版本1和使用javascript CLS下降，我可以使用上面减少到0