无法滚动

Question

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

在Firefox，Edge和IE中不会发生这种情况。 Here是模板演示的链接，here是CSS的jsfiddle。使用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;
}