| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- /* 回到顶部的按钮 */
- .mescroll-totop {
- z-index: 9990;
- position: fixed !important; /* 加上important避免编译到H5,在多mescroll中定位失效 */
- right: 20rpx;
- bottom: 120rpx;
- width: 72rpx;
- height: auto;
- border-radius: 50%;
- opacity: 0;
- -webkit-transition: opacity 0.5s;
- transition: opacity 0.5s; /* 过渡 */
- margin-bottom: 0px; /* css变量 */
- }
- /* 适配 iPhoneX */
- @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
- .mescroll-totop-safearea {
- margin-bottom: calc(0px + constant(safe-area-inset-bottom)); /* window-bottom + 适配 iPhoneX */
- margin-bottom: calc(0px + env(safe-area-inset-bottom));
- }
- }
- /* 显示 -- 淡入 */
- .mescroll-totop-in {
- opacity: 1;
- }
- /* 隐藏 -- 淡出且不接收事件*/
- .mescroll-totop-out {
- opacity: 0;
- pointer-events: none;
- }
|
