CSS 页面位置问题
CSS Page Position Issue
在我的网站上 https://www.hcldesign.co.uk/ 你可以看到我有一个顶部横幅。
这个横幅有一个按钮，上面写着 'see website example'，当按下它时，它会改变幻灯片图像。现在这也会导致我的导航栏和 content/body 部分出现奇怪的屏幕位置故障。
当您单击该按钮时，您可以看到正文左侧出现一个空隙，并将一些内容向右推几个像素，然后弹回。单击 slider/banner 上的按钮时，导航栏的位置也相同。
我试过弄乱某些元素的位置代码，但似乎无法解决这个问题。
我需要在点击按钮时保持页面内容在同一个位置。
它是由这个 CSS 规则引起的：
.ls-overflow-hidden {
overflow: hidden;
}
单击 "see website example" 时，此 class 将添加到您的 <body> 元素中。将值更改为即 overflow: auto; 并且故障应该消失。
单击滑块按钮时，.ls-overflow-hidden class 被添加到正文中。您可以通过 css 规则
修复它
body.ls-overflow-hidden {
overflow: auto;
}
在我的网站上 https://www.hcldesign.co.uk/ 你可以看到我有一个顶部横幅。 这个横幅有一个按钮，上面写着 'see website example'，当按下它时，它会改变幻灯片图像。现在这也会导致我的导航栏和 content/body 部分出现奇怪的屏幕位置故障。
当您单击该按钮时，您可以看到正文左侧出现一个空隙，并将一些内容向右推几个像素，然后弹回。单击 slider/banner 上的按钮时，导航栏的位置也相同。
我试过弄乱某些元素的位置代码，但似乎无法解决这个问题。
我需要在点击按钮时保持页面内容在同一个位置。
它是由这个 CSS 规则引起的：
.ls-overflow-hidden {
overflow: hidden;
}
单击 "see website example" 时，此 class 将添加到您的 <body> 元素中。将值更改为即 overflow: auto; 并且故障应该消失。
单击滑块按钮时，.ls-overflow-hidden class 被添加到正文中。您可以通过 css 规则
修复它body.ls-overflow-hidden {
overflow: auto;
}