我在我的网站上使用mmenu作为响应式菜单。我最近注意到，在 Google 搜索控制台中，由于 CLS（累积布局偏移）较高而出现错误。我检查了一下，确实如此，当我尝试以“慢速”模式打开页面半秒时，我看到原始菜单结构，然后加载菜单（在 jQuery 准备就绪等之后）并且页面显示正确。
我的简化页面结构是：
$(document).ready(function() {
$("#menu").mmenu({
"extensions": ["pageshadow"],
"header": {
"title": "Menu",
"add": true,
"update": true
}
}, {
// config
offCanvas: {
pageSelector: "#container"
}
});
});
<html>
<head>
</head>
<body>
<nav id="menu">
<ul>
<li><a>Categories</a>
<ul>
<li>
<a href="https://example.com/1">Link 1</a>
</li>
<li>
<a href="https://example.com/2">Link 2</a>
</li>
<li>
<a href="https://example.com/3">Link 3</a>
</li>
</ul>
</nav>
<div class="content">This is content</div>
</body>
</html>
您认为，是否可以在此处应用任何快速修复来解决我的 CLS 问题？
慕标琳琳
SMILET
慕姐4208626
相关分类