scrollbar.css 707 B

12345678910111213141516171819202122232425262728293031323334353637
  1. /* 自定义滚动条 */
  2. .pui-scrollbox {
  3. overflow: hidden;
  4. position: relative;
  5. }
  6. .pui-scrollbox-container {
  7. position: absolute;
  8. top: 0;
  9. left: 0;
  10. width: 100%;
  11. -webkit-overflow-scrolling: touch;
  12. }
  13. .pui-scrollbox-scrollbar {
  14. position: absolute;
  15. top: 0;
  16. right: 0;
  17. width: 8px;
  18. }
  19. .pui-scrollbox-thumb {
  20. position: absolute;
  21. top: 0;
  22. left: 0;
  23. width: 100%;
  24. cursor: pointer;
  25. display: none;
  26. border-radius: 500px;
  27. background-color: #666;
  28. background-color: rgba(0, 0, 0, .4);
  29. transition: background-color 0.2s ease-in;
  30. }
  31. .pui-scrollbox-thumb.hover, .pui-scrollbox-thumb:hover {
  32. background-color: rgba(0, 0, 0, 0.6) !important;
  33. }