大家开发小程序时,需要在底部固定一个按钮时,却发现有时候被ios的小横条 (Home Indicator) 遮挡内容,有时候触发不了事件。
我们这边是用uniapp开发小程序
可以设置一个全局样式类
.ios_bottom {
padding-bottom: 0;
padding-bottom: constant(safe-area-inset-bottom)!important;
padding-bottom: env(safe-area-inset-bottom)!important;
padding-bottom: max(env(safe-area-inset-bottom), 30rpx) !important;
}
env(safe-area-inset-bottom)在ios机型中大概是34px的距离,在安卓机型是0,所以需要有个max函数,取最大值。
给需要的区域增加这个样式,就不会被ios的小横条遮挡住了