Question

在我的网站https://www.hcldesign.co.uk/上，您可以看到我有一个顶部横幅。这个横幅上有一个按钮，上面写着网站示例＆＃39;按下此按钮可更改幻灯片图像。现在，这也会导致我的导航栏和内容/正文部分出现奇怪的屏幕位置故障。

当您单击按钮时，您可以看到身体左侧出现间隙，并将一些内容向右推几个像素，然后向后轻拂。单击滑块/横幅上的按钮时，导航栏的位置也会相同。

我曾尝试弄乱一些元素的位置代码，但似乎无法解决这个问题。

单击按钮时，我需要将页面内容保持在相同的位置。

Answer 1

由此CSS规则引起：

.ls-overflow-hidden {
    overflow: hidden;
}

点击“查看网站示例”后，此类会添加到您的<body>元素中。将值更改为ie overflow: auto;，故障应该消失。

Answer 2

单击滑块上的按钮.ls-overflow-hidden类将添加到正文中。您可以通过css规则修复它

body.ls-overflow-hidden {
  overflow: auto;
}