uni-app ios端禁止页面左右拖动
问题: 在ios上,有的页面可以左右拖动,在最外层的scoll-view标签设置了scroll-x="false"没有作用
起因:页面有的模块的宽度超过750rpx
解决方法: 一个一个模块的去排查,找到宽度超过750rpx的模块,添加
overflow-x: hidden;
但是这种方法比较麻烦,可以使用下面这种方法
<template>
<view class="guohao_index">
<!-- 如果这一层不是scroll-view标签要换成scroll-view或者添加一层scroll-view标签 -->
<scroll-view style="height: 100%;" scroll-y="true" >
<view> <!-- 这一层额外标签一定要加,要不没有效果>
<!-- 内容区域 -->
</view>
</scroll-view>
</view>
</template>
<style>
.guahao_index {
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
</style>
使用scroll-view最好在里面额外裹上一层view标签
转载自:https://juejin.cn/post/7002113908383154189