eSnippets.net, a code gallery for creating, saving and sharing all kinds of code snippets.

Hide Scrollbars Until Hover — CSS

Posted On: Saturday, April 25, 2015 at 11:32 PM Last updated: Saturday, April 25, 2015 at 11:33 PM

Hide scrollbars until someone hovers over the area. Check out an example here - http://www.codeit.co/code/91k

/*CSS Code*/
#test_scroll{ height:300px; overflow:hidden;}
#test_scroll:hover{overflow-y:auto;}

<!--HTML Code-->
<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>

Snippet Comments

densuz says Thursday, October 29, 2015 at 11:17 AM

How to create template blogger ?

You need to be logged in to comment! x

Rene

Joined on Sunday, May 11, 2014
Contributed 2 Snippets

Get Social and Share

Tags