<view class="container"><view class="mask"></view><view class="tips">內容內容。。。自由發揮</view>
　　 <view>內容內容。。。自由發揮</view>
</view> .container {height: 100%;overflow: hidden; } .mask {position: fixed;top: 0;left: 0;width: 100%;background: rgba(0, 0, 0l 0.7);opacity: 1;z-index: 2;transition: .4s; }
.tips {
　　position: fixed;
　　top: 50%;
　　left: 50%;
　　transform: translate(-50%, -50%);
　　z-index: 3;
　　background: #ffff;
}

?

轉載于:https://www.cnblogs.com/yhz01/p/9603335.html

總結

以上是生活随笔為你收集整理的小程序页面遮罩且不能滚动 + 内容居中显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。