mui-popover弹窗移动端不能滑动问题

最新推荐文章于 2023-07-01 15:18:06 发布
最新推荐文章于 2023-07-01 15:18:06 发布
阅读量1.3k 收藏 2
点赞数 2
文章标签： javascript css vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zzqq205/article/details/108843666
版权

mui-popover弹窗移动端不能滑动问题

在写mui项目时可能会遇到一些原生代码阻止事件的问题
mui-popover 在pc端可以滑动，到移动端就不行了，经过查阅，发现是原生代码 mui.js或mui.min.js 中的一段代码阻止了popover里的touchmove事件
在这里插入图片描述通过 EVENT_MOVE 查找到这一段代码，删除红框内这段代码即可，清除缓存刷新后，mui-popover可以在移动端正常滑动

zzqq205
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
mui页面不能正常滚动问题+mui-popover内容滚动（添加）
sinat_42207547的博客
06-03 4929
首先，别去相信初始化就能正常滚动的套路，你应该检查下页面有没有 mui(".mui-scroll-wrapper").scroll（） 先确定一下页面是否有滚动事件的定义scroll（），若没有，再看看css的坑，我写了好久，因为在index页有一个固定的额底部导航栏，在点击导航的时候会报错，所以我就在公共样式里面添加了 * { touch-action: none; } 属性，结果导...
mui-table:改进的Material-UI表
05-14
MuiTable是基于Material-UI的最新版本（Material-UI Next）进行开发的，这意味着它能很好地适应Material-UI的最新设计趋势和功能更新。同时，这也意味着开发者可以充分利用Material-UI的其他组件，如对话框、按钮等...
mui框架 页面无法滚动的解决方法(推荐)
08-28
下面小编就为大家分享一篇mui框架 页面无法滚动的解决方法(推荐)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决mui-popover 弹出菜单不能滚动的一次实践
weixin_42429311的博客
04-19 1518
mui-popover菜单弹窗的事项，及Unable to preventDefault inside passive event listener due to target being treated as passive 报错的解决方案。
MUI-使弹出的页面内容超出可滚动
热门推荐
三都呐的博客
01-14 1万+
1.添加mui-scroll-wrapper和mui-scroll类 2.在js中添加mui自带的scroll方法： mui('mui-scroll-wrapper').scroll( ); ------------------------------------------------------------- 具体代码如下： html
mui无法滚动？这里是解决办法之一
竹亦叶同的博客
04-18 1884
这里不是故意抄文档，但确实是方法 鄙人用mui,但是发现无法滚动！ 最终认真看文档解决问题！！！！ 以下是文档内容↓↓↓ 文档后有个人一点小解析 scroll(区域滚动) 在App开发中，div区域滚动的需求是普遍存在的，但系统默认实现又有如下问题： Android平台4.0以下不支持div滚动 Android平台4.0以上支持div滚动，但不显示滚动条 弹出层的div滚动在iOS平台存在事件透...
mui picker无法滑动和选项遮挡问题修复
博客是啥
05-19 517
【代码】mui picker无法滑动和选项遮挡问题修复。
调用mui插件，窗体无法滑动问题
杨鑫的博客
08-16 993
最近做移动端开发，需要一个侧滑功能，由于偷懒，调用了mui的侧滑功能，然而引用了mui.js之后，侧滑是可以了，放在移动端的滑动事件就没了。 查找再三，发下如下问题。mui里将滑动事件自己禁止了。 // document.addEventListener('touchmove', function(e) { e.preventDefault(); }, false) 原生配了个方法，支持区域...
解决MUI在安卓手机上无法滚动的问题
qq_25354709的专栏
11-28 2610
这个问题，只在安卓手机存在，苹果手机是可以滚动的。 一、解决方案 原先的布局：   <!-- 中间区域 --> <div class="mui-content" id="main"> <!-- 轮播图 --> <!-- BANNER --> <section class="swiper-container&qu
MUI无法向下滚动解决办法
(ง •_•)ง
12-20 292
<script type="text/javascript" charset="utf-8"> mui.init(); (function($) { $(".mui-scroll-wrapper").scroll({ bounce: false, //滚动条是否有弹力默认是true indicators: false, //是否显示滚动条,默认是true });...
解决mui中alert组件更改高度后不能触摸滚动问题
MR_SNAIL的博客
08-06 453
如下： // 处理详情内容过长，over-flow:hidden不能触摸滚动问题 window.addEventListener('touchmove', function(e) { var target = e.target; if (target && target.getAttribute('class') === 'mui-popup-text') { // 阻止冒泡 e.stopPropagation(); } }, true); 查看详情方法： //
mui-datatables:使用Material-UI的React数据表-https
04-28
MUI-Datatables-Material-UI的数据表 MUI-Datatables是基于构建的响应式数据表组件。 它具有过滤，，查看/隐藏列， ，搜索，导出为CSV下载，打印，可选行，可扩展行，分页和排序等功能。 除了在大多数视图上自定义...
mui-min.js
04-10
前端框架Mui会用到的js动态文件，前后还有ttf文件以及css文件
-mui-lenacloud-
05-17
简单概述这是带登录和设置功能的mui模板项目，主要为了演示登录流程及设置界面div窗口切换效果；核心功能启动App后校验登录状态，若已登录，直接跳转应用首页；...支持评分、分享、拨打客服电话-mui-lenacloud-
mui执行滑动事件： Unable to preventDefault inside passive event listener
dhlctaqzyba39516的博客
01-03 446
使用MUI框架，在上拉加载和下拉刷新的时候会出现下面的异常： [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/509356600...
彻底解决mui.picker组件在苹果IOS16.0以上版本滑动异常的bug
最新发布
feeeee889的博客
07-01 2339
使用mui.picker组件在苹果手机ios16.0及以上时，会出现滑动异常，无法正确滑动至想要的选项，甚至还会出现选项被空白遮掩的现象
mui Popover弹出层区块滑动问题
Homer_Simpson的博客
09-06 3264
区块滑动块父级元素高度大于滑动区域高度导致无法滑动 一开始我都没有注意到这个问题，后来发现问题所在，仔细想想也是情理之中。如果子元素(滑动区域)高度小于父元素(滑动区域的父元素)高度，还需要滑动吗？（手动滑稽） mui 区域滑动我就不说怎么使用了，戳官方文档。 这里的popover层做为父级元素，其内部元素为滑动区域...
IOS 13 升级16.2版本以上后 Picker选择器BUG,滑动异常、显示异常
weixin_55625066的博客
05-18 1272
分别在mui.picker.js 和 mui.picker.all.js 添加下面代码，判断IOS16.2以上版本webkitTransformOrigin样式不生效。商城添加收货地址时，3级联动选择地址，安卓手机显示，下滑都正常。但是苹果13 16.2版本以上下滑异常，下滑地址时出现跳动，选不中现象。根据各位大佬的解决方案，成功解决苹果13Picker选择器异常问题，下面是解决过程。经过测试，添加地址恢复正常，非常顺溜。
设置mui-slider 不允许左右触摸滑动滑动
05-18
可以通过设置 `mui-slider-handle` 元素的 CSS 样式，禁用左右划动事件。具体实现方式如下： ```css .mui-slider-handle { pointer-events: none; } ``` 这会将 `mui-slider-handle` 元素的所有事件都禁用掉，包括左右滑动事件。这样，用户就无法通过左右滑动来改变滑块的位置了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值