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

在此处添加height -

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

要隐藏内部滚动条，您可以在此处添加否定margin -

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

Answer 2

.content .row .static{overflow:hidden;}

在css

中添加上述代码

Answer 3

::-webkit-scrollbar { 
display: none; 
 }

但只有Mozilla浏览器支持Web-Kit，而不是IE

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

3 个答案: