Make scrollbars only visible when a Div is hovered over?

by 
div {
  height: 100px;
  width: 50%;
  margin: 0 auto;
  overflow: hidden;
}

div:hover {
  overflow-y: scroll;
}
<div>
  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It
    has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
    publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  </p>
</div>

Would something like that work?

More Related Contents:

  1. How to create one vertical column in between rows in Flexbox [closed]
  2. How can i make this wave effect on both bottom and top
  3. How to apply a CSS filter to a background image
  4. Why is a flex item limited to parent size?
  5. What does !important mean in CSS?
  6. Transparent text cut out of background
  7. CSS3 selector :first-of-type with class name?
  8. Remove blue border from css custom-styled button in Chrome
  9. How do I use /deep/ or >>> or ::v-deep in Vue.js?
  10. React.js inline style best practices [closed]
  11. Internet Explorer’s CSS rules limits
  12. Pure CSS checkbox image replacement
  13. CSS: Set a background color which is 50% of the width of the window
  14. CSS background opacity with rgba not working in IE 8
  15. Does element width include padding?
  16. IE8 :nth-child and :before
  17. Cols, colgroups and css “:hover” pseudoclass
  18. Why does the linear-gradient disappear when I make an element position:absolute?
  19. Usage of display property of flex box items
  20. Preventing “double” borders in CSS
  21. Disable zoom on a div, but allow zoom on the page (an alternate div)
  22. CSS Selector for
  23. bootstrap button shows blue outline when clicked
  24. How can I prevent CSS gradient banding?
  25. Why adding version number to CSS file path?
  26. How to display and hide a div with CSS?
  27. Can I define a class name on paragraph using Markdown?
  28. Check scrolling with CSS
  29. up/down arrow key issue with typeahead control (angular bootstrap UI)
  30. Continuous CSS rotation animation on hover, animated back to 0deg on hover out

Leave a Comment