html - 使用 100vh 隐藏 div 中的滚动条

Question

我的 new portfolio 中的滚动条遇到了很多麻烦.

如您所见，布局分为两列，我的内容在左侧。我希望能够滚动，但我需要隐藏滚动条。我尝试使用以下代码，但没有用。我不知道我使用 100vh 设置是否有问题？

我尝试过的示例

.parent{
   height: 100vh;
   overflow: hidden;
}

.child{
   overflow-y: scroll;
}

我的 HTML

<div class="slider">
<ul class="slides">
    <li class="container-fluid content">
        <div class="row row-eq-height">
            <div class="col-sm-6 static">
                <div class="text">
                    <div class="vertical">
                        <p>CONTENT</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 overflow-hidden">
                <div class="image personal">
                    <img src="IMAGE" alt="">
                </div>
            </div>
        </div>
    </li>
</ul>
</div>

Answer 1

在此处添加高度 -

.unslider {
  overflow: hidden;
  margin: 0;
  padding: 0;
   height: 100vh;
}

为了隐藏内部滚动条，你可以在这里添加负的margin -

.content .row .static {
  padding: 0px;
  height: 100vh;
  overflow: auto;
    margin: 0 -16px 0 16px;
}