html - 固定宽度的水平滚动条

Question

请帮忙，我花了将近两天的时间，但无法确定是什么导致了网站上宽度为 1135px 的水平滚动条。主包装器的宽度为 1135px，这是站点的最大宽度。所以在视口大小 1135px 应该没有水平滚动，但某些东西导致网站以该宽度水平滚动。我检查了所有元素的所有填充和宽度，还尝试一一删除节点以隔离问题，但没有运气。向更有经验并处理过此类问题的人寻求帮助。 [网站链接]

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