CSS页面位置问题

在我的网站https://www.hcldesign.co.uk/你可以看到我有一个顶部的横幅。这个横幅有一个按钮说'看网站示例'，当它被按下时，它改变幻灯片图像。现在，这也导致我的导航栏和内容/正文部分奇怪的屏幕位置毛刺。CSS页面位置问题

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

我试图搞乱一些元素的位置代码，但似乎无法解决此问题。

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

来源

2017-09-14 Harvey

寻求代码帮助的问题必须包含在问题本身**中重现**所需的最短代码**最好在** Stack Snippet **中。虽然您提供了一个链接，但如果它变得无效，那么您的问题对于其他未来具有相同问题的SO用户将没有任何价值。请参阅[**我网站上的某些内容不起作用，我可以只粘贴一个链接**]（http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-犯规，工作可以-I-刚刚糊一个链接到它）。 –

@Paulie_D是对的。不过，我找到了解决问题的办法。 – andreas

嗨，我对问题的格式表示歉意，我真的没有看到我可以添加到什么代码中，这个问题对我来说是有用的。但是，谢谢你的解决方案很好！ – Harvey

它由此引起的CSS规则：

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

该类点击“查看网站例如”当添加到您的<body>元素。将该值更改为即overflow: auto;，并且毛刺应该消失。

来源

2017-09-14 10:50:42 andreas

为什么downvote？ – andreas

-1

单击滑块的按钮.ls-overflow-hidden类被添加到主体。您可以通过css规则修复它

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

来源

2017-09-14 10:53:36 Sayan

这个答案与我的不同之处是什么？ – andreas

我还没说你的答案是错的。唯一的问题是，ls-overflow-hidden可以是一个可以在其他地方使用的泛型类，在没有body标签的情况下使用它也可以在别处改变它的用途。 – Sayan

好的。但是，这将是一个评论，而不是复制的答案......无论如何感谢提示。 – andreas

CSS页面位置问题

回答

相关问题