网上资料解决杂乱不一,特意一补
为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)//判断手机是否有刘海屏
})
}
})