mescroll-uni.css 772 B

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