Skip to content

Instantly share code, notes, and snippets.

@Roiseuxquentin
Last active October 8, 2018 20:31
Show Gist options
  • Save Roiseuxquentin/5d7f68b101a77f7d395400538dc83239 to your computer and use it in GitHub Desktop.
Save Roiseuxquentin/5d7f68b101a77f7d395400538dc83239 to your computer and use it in GitHub Desktop.
Integration_ScrollBar
.scrollbar
{
margin-left: 30px;
float: left;
height: 300px;
width: 65px;
background: #F5F5F5;
overflow-y: scroll;
margin-bottom: 25px;
}
.force-overflow
{
min-height: 450px;
height: 30vh;
}
#wrapper
{
text-align: center;
margin: auto;
}
.scrollbar::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
.scrollbar::-webkit-scrollbar
{
width: 6px;
background-color: #F5F5F5;
}
.scrollbar::-webkit-scrollbar-thumb
{
background-color: #757575;
}
<div id="wrapper">
<div class="scrollbar" id="scrollbar">
<div class="force-overflow"></div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment