Before because of the company project needs, found on the Internet:
directly on the code.
HTML code
<p class= "inner" > <p class= "Innerbox" > <p style= "height:200px;" > This is content 111</p> <p style= "height:400px;" > Here is the content 222</p> <p> Here is the content 333</p> </p></p>
CSS Code
. inner{width:265px; height:400px; Position:absolute; top:33px; left:13px; /*cursor:pointer;*/Overflow:hidden; }. innerbox{overflow-x: Hidden; Overflow-y: auto; Color: #000; Font-size:. 7rem; font-family: "\5fae\8f6f\96c5\9ed1", Helvetica, "blackbody", Arial,tahoma; height:100%; }/* scroll bar style */. Innerbox::-webkit-scrollbar {/* scroll bar overall style */width:4px; /* aspect corresponding to the size of the scroll bar */height:4px; }. Innerbox::-webkit-scrollbar-thumb {/* scroll bar inside small box */border-radius:5px; -webkit-box-shadow:inset 0 0 5px Rgba (0,0,0,0.2); Background:rgba (0,0,0,0.2); }. Innerbox::-webkit-scrollbar-track {/* scroll bar inside track */-webkit-box-shadow:inset 0 0 5px Rgba (0,0,0,0.2); border-radius:0; Background:rgba (0,0,0,0.1); }