mescroll-uni.css 712 B

123456789101112131415161718192021222324252627282930313233343536
  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; /* 避免设置padding出现双滚动条的问题 */
  14. }
  15. /* 定位的方式固定高度 */
  16. .mescroll-uni-fixed{
  17. z-index: 1;
  18. position: fixed;
  19. top: 0;
  20. left: 0;
  21. right: 0;
  22. bottom: 0;
  23. width: auto; /* 使right生效 */
  24. height: auto; /* 使bottom生效 */
  25. }
  26. /* 适配 iPhoneX */
  27. @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  28. .mescroll-safearea {
  29. padding-bottom: constant(safe-area-inset-bottom);
  30. padding-bottom: env(safe-area-inset-bottom);
  31. }
  32. }