在我的网站上 https://www.hcldesign.co.uk/你可以看到我有一个顶部横幅。 这个横幅有一个按钮,上面写着“查看网站示例”,当按下它时,它会改变幻灯片图像。现在这也会导致我的导航栏和内容/正文部分出现奇怪的屏幕位置故障。
当您单击该按钮时,您可以看到主体左侧出现一个空隙,并将一些内容向右推几个像素,然后弹回。单击 slider /横幅上的按钮时,导航栏的位置也会发生相同的变化。
我试过弄乱一些元素的位置代码,但似乎无法解决这个问题。
我需要在单击按钮时将页面内容保持在相同位置。
最佳答案
它是由这个 CSS 规则引起的:
.ls-overflow-hidden {
overflow: hidden;
}
此类已添加到您的 <body>
单击“查看网站示例”时的元素。将值更改为即 overflow: auto;
故障应该消失了。
关于CSS 页面位置问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46216969/