Scrollbable.css 862 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .scrollable {
  2. overflow: hidden;
  3. }
  4. .scrollable.showScroll::after {
  5. position: absolute;
  6. content: '';
  7. top: 5%;
  8. right: 7px;
  9. height: 90%;
  10. width: 3px;
  11. background: rgba(224, 224, 255, .3);
  12. }
  13. .scrollable .content-wrapper {
  14. width: 100%;
  15. height: 100%;
  16. padding-right: 50%;
  17. overflow-y: scroll;
  18. }
  19. .scroller {
  20. margin-top: 5px;
  21. z-index: 5;
  22. cursor: pointer;
  23. position: absolute;
  24. width: 7px;
  25. border-radius: 5px;
  26. background: #3A3A3A;
  27. top: 0px;
  28. left: 395px;
  29. -webkit-transition: top .08s;
  30. -moz-transition: top .08s;
  31. -ms-transition: top .08s;
  32. -o-transition: top .08s;
  33. transition: top .08s;
  34. }
  35. .scroller {
  36. -webkit-touch-callout: none;
  37. -webkit-user-select: none;
  38. -khtml-user-select: none;
  39. -moz-user-select: none;
  40. -ms-user-select: none;
  41. user-select: none;
  42. }