JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test_scroll">
    Test content 1<br />
    Test content 2<br />
    Test content 3<br />
    Test content 4<br />
    Test content 5<br />
    Test content 6<br />
    Test content 7<br />
    Test content 8<br />
    Test content 9<br />
    Test content 10<br />
    Test content 11<br />
    Test content 12<br />
    Test content 13<br />
    Test content 14<br />
    Test content 15<br />
    Test content 16<br />
    Test content 17<br />
    Test content 18<br />
    Test content 19<br />
    Test content 20<br />
</div>

CSS

#test_scroll{ height:300px; overflow:hidden;}
#test_scroll:hover{overflow-y:auto;}