scrollbar.scss 663 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. /* Scrollbar */
  2. .swiper-scrollbar {
  3. border-radius: 10px;
  4. position: relative;
  5. -ms-touch-action: none;
  6. background: rgba(0, 0, 0, 0.1);
  7. .swiper-horizontal > & {
  8. position: absolute;
  9. left: 1%;
  10. bottom: 3px;
  11. z-index: 50;
  12. height: 5px;
  13. width: 98%;
  14. }
  15. .swiper-vertical > & {
  16. position: absolute;
  17. right: 3px;
  18. top: 1%;
  19. z-index: 50;
  20. width: 5px;
  21. height: 98%;
  22. }
  23. }
  24. .swiper-scrollbar-drag {
  25. height: 100%;
  26. width: 100%;
  27. position: relative;
  28. background: rgba(0, 0, 0, 0.5);
  29. border-radius: 10px;
  30. left: 0;
  31. top: 0;
  32. }
  33. .swiper-scrollbar-cursor-drag {
  34. cursor: move;
  35. }
  36. .swiper-scrollbar-lock {
  37. display: none;
  38. }