u-dropdown导致页面无法滚动问题及解决 页面无法滚动 （ios和安卓低版本）

最新推荐文章于 2024-08-14 09:18:29 发布
最新推荐文章于 2024-08-14 09:18:29 发布
阅读量1.5k 收藏
点赞数 1
分类专栏： uniapp  uview插件 文章标签： ios android uni-app uview u-dropdown
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_49578914/article/details/121791324
版权

楼主是刚进去页面可以滚动 滚动底部则无法滚动了（ios和安卓低版本）

原因：u-dropdown的蒙层覆盖了页面 导致页面无法滚动
解决：找到uview 的u-dropdown文件
在页面定义showMask变量
在这里插入图片描述
在close和open事件中 处理showMask的展示和隐藏可解决此问题 （展示隐藏动画也消失了）
在这里插入图片描述
在这里插入图片描述

xfxTab
关注
专栏目录
小程序-dropdownmenu
08-14
今天给大家带来的是在开发小程序过程中遇到一个下拉菜单
随后记： uniapp uview u-dropdown 下拉菜单固定高度滑动不生效
weixin_63515766的博客
05-29 1126
uniapp uview u-dropdown 下拉菜单固定高度滑动不生效
uview下拉菜单Dropdown整合个性化下拉
最新发布
luck332的专栏
08-14 845
在选项卡默认的单选功能无法满足的时候，我们可以给u-dropw-item传递slot来自定义需要展示的内容。个性化下拉菜单就是这样轻松完成的。因为默认下拉菜单只是很简单的单选式下拉。
u-dropdown导致页面无法滚动问题及解决方法
觉醒法师的专栏
04-22 1909
u-dropdown有遮挡层挡住整个页面，在部分手机上使筛选以外区域无法上拉，争对这问题，网上有些方法是进入u-dropdown组件中进行原始修改；这里给大家讲一个在组件外，解决此问题的方法。代码如下：
u-sticky吸顶和u-dropdown使用导致页面无法滚动问题及解决 页面无法滚动问题解决
qq_27161847的博客
06-06 1221
uView组件u-sticky吸顶和u-dropdown使用导致页面无法滚动问题及解决 页面无法滚动问题解决
uview中dropdown遮盖页面无法滑动问题
qq_41821445的博客
03-05 1615
在使用uview的下拉菜单时，点击选择完成之后向上滚动页面无法滚动 于是就猜想是下拉菜单的遮罩层层级太高遮住了页面，解决方法如下： 找到uview中的u-dropdown 在此处添加v-show 并分别在open和close中添加以下代码即可解决问题 ...
react-native-autocomplete-dropdown:具有搜索和自动完成（提前输入）功能的下拉项选择器，用于响应本机
04-08
6. **多平台兼容**：作为React Native组件，"react-native-autocomplete-dropdown"适用于iOS和Android两个主要平台，确保了跨平台一致性。 在使用这个库时，你需要按照以下步骤进行集成： 1. **安装依赖**：通过...
dropdownmenu
08-23
在IT行业中，"dropdownmenu"通常指的是一个交互式的UI组件，它允许用户通过点击一个按钮或文本字段来显示一个下拉列表，供用户选择。这种设计模式在多种平台和应用中广泛使用，如Web开发、移动应用开发等。在描述中...
DropDownMenu.zip
07-11
- 在实际开发中，我们也可以借助已有的开源库，如`androidx.appcompat.widget.PopupMenu`或第三方库`androidx.recyclerview.widget.DropDownMenu`，它们提供了丰富的定制选项和良好的兼容性。 5. **自定义实现的...
滚动选择器
05-24
3. iOS：在iOS中，滚动选择器通常用`UIPickerView`实现，通过`DataSource`和`Delegate`协议处理数据和事件。 4. React Native：跨平台框架React Native提供了`Picker`组件，可以创建原生样式的滚动选择器。 5. ...
Github安卓流行布局开源库
tasty
10-18 902
抽屉菜单 MaterialDrawer ★7337 - 安卓抽屉效果实现方案 Side-Menu.Android ★3865 - 创意边侧菜单 FlowingDrawer ★1744 - 向右滑动流动抽屉效果 SlidingRootNav ★1338 - 仿DrawerLayout的ViewGroup FantasySlide ★1049 - 单手势滑出侧边栏与选择菜单 Floating-Nav...
uView下拉菜单组件u-dropdown设置高度并防止滑动穿透
baichi2695的博客
09-08 7354
一、出现的问题： u-dropdown内容自定义时设置高度，滑动时会带动父级，真机滑动会出现问题 这时就需要处理两个问题： 定义内容时设置高度并设置可滑动，可以配合scroll-view组件使用 处理真机滑动出现问题的情况（防止滑动穿透） 二、解决办法： 1、定义内容时设置高度并设置可滑动，可以配合scroll-view组件使用 如下代码里的scroll-view组件，主要代码： <scroll-view scroll-y="true" style="height: 80vh;"> 2、处
uniapp 使用了uview 的dropdown下拉菜单后出现页面无法滚动
weixin_47517731的博客
03-04 1218
在上面不难发现，当下拉菜单已经处于关闭状态时，class为 u-dropdown__content这一块的元素还是存在的，究极原因是只把这个元素的opacity置为0了，导致页面无法滚动。所以找到uview的dropdown文件进行如下处理，直接给它关闭时隐藏dom即可。
overflow：scroll滚动条可以拉但是不能滚动
君兮的博客
12-07 3125
overflow：scroll滚动条可以拉但是不能滚动
uniapp Dropdown 下拉菜单无法滑动问题
weixin_43993613的博客
06-27 1439
uniappDropdown 下拉菜单无法滑动问题
小程序使用Vant weapp的下拉框组件dropdown嵌套索引栏IndexBar无法正常跳转至对应锚点且底部异常
Audrey___的博客
04-28 4799
【问题】 小程序使用Vant weapp的索引栏IndexBar组件无法正常跳转至对应锚点，且无变色效果，但滚动正常。 Vant UI库是采用dist文件引入的方式导入。 按官方demo在xx.json引入组件 "van-index-bar": "../../dist/index-bar/index", "van-index-anchor": "../../dist/index-anchor/...
使用uview里的u-dropdown组件，使得当前页面点击无效
暗透了更能看到星光
01-17 2814
打开u-dropdown.vue页面，在最外层View添加如下代码: <view class="u-dropdown" :style="dropDownShow ? '' :'overflow:hidden'"> </view> props:{ dropDownShow: {//为false 遮罩不显示 type: Boolean, default: true }, } 默认设置为:true,这样对之前的页面不会产生影响 打开当前页面，将dro
h5页面在安卓手机滑动正常；在ios手机滑动卡顿问题！！！
come from h5
05-08 1111
在ios手机滑动卡顿问题！！！ h5页面在安卓手机滑动正常；在ios手机滑动卡顿问题！！！ 为什么会卡顿？？？ 最近接触都项目有点多；一时间又忘记记录下自己的bug； 原谅不守时 ，最近做了一个以vue为基础做的web移动端； 由于页面篇幅比较多切html中有v-for导致页面比较长； 因为不止一个页面相互跳转；而且页面中的信息回显； 比如:从a页面跳转到b页面； 在由b页面返回到a页面时发现在安卓手机是流程的； 而在ios手机上发了bug就是页面卡住了；动不了； 后来反复的查阅资料给出的解释很多；其中就有
uni-app +uViewUI的u-dropdown遮罩和层级问题
HHHHH2187的博客
10-26 1308
问题1：点击下拉菜单后出现多余的灰色遮罩，很影响外观，如下图所示。解决：找到node_modules/uview-ui/components/u-dropdown/u-dropdown.vue这个文件，找到这个u-dropdown__content__mask类名加上 opacity: 0;如下图示。
vant4的van-dropdown-menu下拉滚动层级问题怎么解决
05-24
如果你使用 van-dropdown-menu 组件时遇到了下拉滚动层级问题，可以尝试以下解决方法： 1. 设置 max-height 可以通过设置 van-dropdown-menu 组件的 max-height 属性来限制下拉菜单的最大高度，从而解决滚动层级的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值