mui Popover弹出层区块滑动问题

最新推荐文章于 2022-10-19 14:35:12 发布
最新推荐文章于 2022-10-19 14:35:12 发布
阅读量3.2k 收藏
点赞数
文章标签： mui popover 区域滑动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Homer_Simpson/article/details/82456800
版权
区块滑动块父级元素高度大于滑动区域高度导致无法滑动

一开始我都没有注意到这个问题，后来发现问题所在，仔细想想也是情理之中。如果子元素(滑动区域)高度小于父元素(滑动区域的父元素)高度，还需要滑动吗？（手动滑稽）
mui 区域滑动我就不说怎么使用了，戳官方文档。
这里写图片描述
这里写图片描述
这里的popover层做为父级元素，其内部元素为滑动区域

Homer_Simpson
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
弹出层MUI框架美化.rar
06-19
弹出层MUI框架美化.rar
【antd】antdv中 Popover 组件内容过多，出现滚动条，滑动滚动条Popover会自动关闭
最新发布
Owen的博客
08-03 1115
antdv版本：1.78vue版本：2.5.2解释一下：我这个滚动条其实是表格的滚动条，一滑动，Popover就会自动关闭。
解决mui-popover 弹出菜单不能滚动的一次实践
weixin_42429311的博客
04-19 1461
mui-popover菜单弹窗的事项，及Unable to preventDefault inside passive event listener due to target being treated as passive 报错的解决方案。
如何解决mui-scroll-wrapper组件在动态获取数据时滚动或者滑动失效的问题（亲测有效）
悲催的程序猿的博客
08-18 4578
第一次些博客，如果有写的不好的地方，请见谅！！ ##由于需要使用MUI制作公司的一个APP，因此跟着MUI官方帮助文档进行了代码的测试，大部分组建都能够达到想要的效果，但是在测试popover+scroll组件共同使用时，发现了一些问题. 当数据为写死或者称为静态数据时，数据功能都是正常的，并且可以正常弹出等； 数据动态获取时如果出现滚动条无法使用或者失效，则可以使用以下代码解决，其中最主要的是...
mui页面不能正常滚动问题+mui-popover内容滚动（添加）
sinat_42207547的博客
06-03 4886
首先，别去相信初始化就能正常滚动的套路，你应该检查下页面有没有 mui(".mui-scroll-wrapper").scroll（） 先确定一下页面是否有滚动事件的定义scroll（），若没有，再看看css的坑，我写了好久，因为在index页有一个固定的额底部导航栏，在点击导航的时候会报错，所以我就在公共样式里面添加了 * { touch-action: none; } 属性，结果导...
MUI-使弹出的页面内容超出可滚动
三都呐的博客
01-14 1万+
1.添加mui-scroll-wrapper和mui-scroll类 2.在js中添加mui自带的scroll方法： mui('mui-scroll-wrapper').scroll( ); ------------------------------------------------------------- 具体代码如下： html
mui-popover弹窗移动端不能滑动问题
zzqq205的博客
09-28 1266
mui-popover弹窗移动端不能滑动问题 在写mui项目时可能会遇到一些原生代码阻止事件的问题 mui-popover 在pc端可以滑动，到移动端就不行了，经过查阅，发现是原生代码 mui.js或mui.min.js 中的一段代码阻止了popover里的touchmove事件 通过 EVENT_MOVE 查找到这一段代码，删除红框内这段代码即可，清除缓存刷新后，mui-popover可以在移动端正常滑动 ...
弹出层示例展示
02-16
是一个小小的示例，用于弹出层的做法，和ifream的父子关系
弹出层选项卡
04-10
弹出层选项卡让您轻松实现网页弹出特效
mui picker无法滑动和选项遮挡问题修复
07-05
对应的picker问题修复后的文件
mui框架 页面无法滚动的解决方法(推荐)
08-28
下面小编就为大家分享一篇mui框架 页面无法滚动的解决方法(推荐)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue里面使用mui的弹出日期选择插件实例
01-19
comm.loadjs(js/mui.picker.min.js,js/mui.poppicker.js) 因为是点击才弹出的，所以就不用在index.html里面写[removed][removed]这样的方式来引入js了。因为index.html这个页面是每个组件即.vue都会引用的，所以你...
mui框架 页面无法滚动解决方法
热门推荐
删库跑路
06-29 2万+
只需要初始化一下就可以了 mui.init();(function($){ $(".mui-scroll-wrapper").scroll({ //bounce: false,//滚动条是否有弹力默认是true //indicators: false, //是否显示滚动条,默认是true }); })(mui);
el-table 嵌套 el-popover 导致页面滚动位移
m0_64455713的博客
08-31 1444
el-table 嵌套 el-popover 导致页面滚动位移
vue下el-popover组件实现滚轴跟随功能
10-19 1987
vue中el-popover组件点击弹出内容的情况下，滚动鼠标，实现弹出内容和组件不分离
移动端 弹出层 无法滚动 解决办法
weixin_34148508的博客
11-28 2502
2019独角兽企业重金招聘Python工程师标准>>> ...
关于MUI的弹出层mui-popover的问题。
dengjiecsdn的博客
10-31 1万+
最近用MUI做了两个项目。发现MUI的坑还是很多的。这里我们就不一一数落了，毕竟MUI还是低阶程序员做混合App的不二之选。 这里要说的是mui-popover，也就是MUI的弹出层，弹出的位置样式丑我们也不说了，自己慢慢去设置。主要问题是这个弹出层没有回调函数的问题。也就是说，不管你有没有用js控制弹出层，你点击底图层任意位置，这个弹出层会自动关闭。而我的项目要求用户登录成功后如果没有通过手机...
MUI popover 自定义位置弹出层
iwusan
04-12 2万+
<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=
mui tab 不设置左右滑动切换
05-18
如果你想禁止 MUI Tab 组件的左右滑动切换功能，可以通过以下两种方法实现： 1. 使用 CSS 样式 在 MUI Tab 组件所在的页面或组件中，添加如下 CSS 样式： ``` .mui-slider-handle { pointer-events: none; } ```...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值