Chrome浏览器中的滚动条显示当没有任何滚动条时

Question

我正在使用this模板作为小型投资组合网页。问题是，当网站在Chrome中打开，滚动条一直在主页上，如下图所示出现：

这并不在Firefox，Edge和IE发生。 Here是一个链接到模板演示和here jsfiddle与CSS。当使用Chrome时，两者都会显示不必要的滚动条。我尝试在html文件中添加以下行，但它没有帮助：

.content { 
overflow: hidden; 
} 

我希望有人能帮助我。谢谢！

---

编辑：问题是这里的某个地方，但我不能想出一个办法来解决它。

#wrapper { 
     display: -moz-flex; 
     display: -webkit-flex; 
     display: -ms-flex; 
     display: flex; 
     -moz-flex-direction: column; 
     -webkit-flex-direction: column; 
     -ms-flex-direction: column; 
     flex-direction: column; 
     -moz-align-items: center; 
     -webkit-align-items: center; 
     -ms-align-items: center; 
     align-items: center; 
     -moz-justify-content: space-between; 
     -webkit-justify-content: space-between; 
     -ms-justify-content: space-between; 
     justify-content: space-between; 
     position: relative; 
     min-height: 100vh; 
     width: 100%; 
     padding: 4rem 2rem; 
     z-index: 3; 
    } 

     #wrapper:before { 
      content: ''; 
      display: block; 
     } 

Answer 1

我在Chrome，当我访问您的演示中，我看不到任何滚动条。或者这件事的小提琴

Answer 2

有什么覆盖您的调用来隐藏页面上其他地方的滚动条吗？ E.g：

overflow: auto; 

或者是它也许另一个元素在页面上与导致问题的宽度/高度（如图像或div元素）？

另一种选择是去检查员，并开始删除项目，直到找出哪一个导致问题。

Answer 3

不完全确定会出现这种情况（确实可以看到相同的问题），但它的超级容易通过简单地将overflow-y: hidden到身体

body{ 
    overflow-y: hidden; 
}