JSFiddle - React, Tailwind, and code Playground

by vencs

HTML

<div class='container'>
    <div class="opt">sec text1</div>
    <div class="opt">sec text2</div>
    <div class="add"></div>
</div>
<br/>
<div class='container'>
    <div class="helper">
        <div class="opt">sec text1</div>
        <div class="opt">sec text2</div>
        <div class="add"></div>
    </div>
</div>

CSS

.container {
    height:80px;
    width:70px;
    overflow-y:auto;
    overflow-x:hidden;
    border:solid 1px black;
}
.container:hover .add:after{
content:'test scroll';
}
.opt {
    padding-bottom:20px;
}
.helper {
    height:inherit;
    width:inherit;
}