<!-- HTML -->
<div class="myBlock">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan metus vitae purus tempor, vel sollicitudin nulla aliquam. Morbi tincidunt tellus nec nibh faucibus porttitor.
</div>
body {
 padding-top: 25px;
 text-align: center;
 margin-bottom: 200%;
}

div {
  display: inline-block;
}

/* Box styles */
.myBlock {
border: none;
padding: 5px;
font: 28px aerial;
width: 200px;
height: 200px;
overflow-y: scroll;
}

/* Scrollbar styles */
::-webkit-scrollbar {
width: 15px;
height: 15px;
}

::-webkit-scrollbar-track {
border: 1px solid #E91E63;
border-radius: 15px;
}

::-webkit-scrollbar-thumb {
background: #E91E63;  
border-radius: 15px;
}

::-webkit-scrollbar-thumb:hover {
background: #E91E63;  
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.