微信小程序中苹果ios固定定位position:fixed失效b
2019-04-01 本文已影响0人
Kser
网上资料解决杂乱不一，特意一补
为page标签设置wxss样式
overflow-y: hidden;overflow-x:hidden;
然后在wxml中设置标签
<!--固定定位不动的内容-->
......
<!--需要上下左右滑动的内容-->
<scroll-view style="height: {{windowHeight}}px; width:{{windowWidth}}px;" scroll-y="true" scroll-x="true">
.......
</scroll-view>
在wxml中的两个变量js中设置（自己可以调整scroll-view宽高，我这里循例发出来给你们看而已）
var page_this = this;
wx.getSystemInfo({
success: (res) => {
page_this.setData({
windowHeight: res.windowHeight,
windowWidth: res.windowWidth,
windowIsBang: (res.windowWidth/res.windowHeight<0.5 ? true : false)//判断手机是否有刘海屏
})
}
})
