mescroll-uni.css 717 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. .mescroll-uni-warp {
  2. height: 100%;
  3. }
  4. .mescroll-uni-content {
  5. height: 100%;
  6. }
  7. .mescroll-uni {
  8. position: relative;
  9. width: 100%;
  10. height: 100%;
  11. min-height: 200rpx;
  12. overflow-y: auto;
  13. box-sizing: border-box;
  14. /* 避免设置padding出现双滚动条的问题 */
  15. }
  16. /* 定位的方式固定高度 */
  17. .mescroll-uni-fixed {
  18. z-index: 1;
  19. position: fixed;
  20. top: 0;
  21. left: 0;
  22. right: 0;
  23. bottom: 0;
  24. width: auto;
  25. /* 使right生效 */
  26. height: auto;
  27. /* 使bottom生效 */
  28. }
  29. /* 适配 iPhoneX */
  30. @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  31. .mescroll-safearea {
  32. padding-bottom: constant(safe-area-inset-bottom);
  33. padding-bottom: env(safe-area-inset-bottom);
  34. }
  35. }