sliding-container.wxss 452 B

12345678910111213141516171819202122232425262728293031
  1. .sliding-container {
  2. position: relative;
  3. width: 100%;
  4. height: 100%;
  5. min-height: 100vh;
  6. overflow: hidden;
  7. touch-action: pan-y pinch-zoom;
  8. background-color: inherit;
  9. }
  10. .page {
  11. position: absolute;
  12. top: 0;
  13. left: 0;
  14. width: 100%;
  15. height: 100%;
  16. min-height: 100vh;
  17. will-change: transform;
  18. background-color: inherit;
  19. overflow-y: auto;
  20. }
  21. .prev-page {
  22. z-index: 1;
  23. }
  24. .current-page {
  25. z-index: 2;
  26. }
  27. .next-page {
  28. z-index: 1;
  29. }