html - Hide scrollbar in div with 100vh -


i having great deal of trouble scrollbar in new portfolio.

as can see, layout divided 2 columns, content on left side. want able scroll, need scrollbar hidden. have tried following code, didn't work. don't know if it's problem, use 100vh setting?

example of tried

.parent{    height: 100vh;    overflow: hidden; }  .child{    overflow-y: scroll; } 

my 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> 

add height here -

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

for hiding inner scrollbar, can add negative margin here -

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

Comments

Popular posts from this blog

magento2 - Magento 2 admin grid add filter to collection -

Android volley - avoid multiple requests of the same kind to the server? -

Combining PHP Registration and Login into one class with multiple functions in one PHP file -