水平滚动条固定宽度

Question

请帮助，我花了将近两天但无法确定导致网站宽度为1135px的水平滚动条的原因。主包装的宽度为1135px，即网站的最大宽度。因此，在视口大小为1135px时，应该没有水平滚动，但有些东西导致网站在该宽度水平滚动。我已经检查了所有元素的所有填充和宽度，并且还尝试逐个删除节点以隔离问题但没有运气。寻求更有经验的人的帮助，并处理这些问题。 [Link to the site]

Answer 1

您可以使用此css

隐藏水平滚动条

html {
      overflow-x: hidden;
}

如果你想把它带回任何页面添加

<style type='text/css'>

.element { 
     overflow-x: scroll !important;
}

</style>

使用此jquery

if($(window).outerWidth() < '1135px'){
     $('html').css({overflow: scroll});
} else {
     $('html').css({overflow: hidden});
}

确保您有一个ajax文件

Answer 2

实测值 问题在于此标记

media="all"
#viewport 
{
padding: 30px;
}

删除填充并看到水平条熄灭。如果你需要填充，请尝试另一种不在视口中的替代方案..

让我看看希望我可以帮助你...... :)。

检查附加图像和我做了什么

在图像之前

图像后

由于 AB