Html 单击汉堡按钮时，它会移动

我的汉堡纽扣有问题。当我按下汉堡按钮时，它的位置会移动。我希望它在单击时保持在原来的位置

我将所有代码发布在JSFIDLE上

const nav=document.querySelector（'nav'）；
const-toggleButton=document.querySelector（“.menu-button”）；
const links=document.querySelector（'.links'）；
toggleButton.addEventListener（'单击'，（）=>{
toggle（'nav--active'）；
links.classList.toggle（'links--active'）；
});















垂直按钮移动的原因是滚动条在扩展导航栏后的外观，我们可以通过强制滚动条出现来解决这一问题，即使导航栏没有扩展。要解决此问题，我们可以使用：

body 
overflow: scroll

至于水平移动，我们可以通过为菜单按钮添加一个顶部值来修复它：

top: 1.3rem

下面是指向修复程序的JSFIDLE链接：