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
Post a Comment