mui框架搭建的APP页面区域滚动失效

最新推荐文章于 2022-03-03 14:55:52 发布
最新推荐文章于 2022-03-03 14:55:52 发布
阅读量1.4k 收藏 2
点赞数 2
分类专栏： CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38746380/article/details/84164005
版权

最近被 mui 框架搞得有点晕，mui 框架的上拉加载和下拉刷新 使得当前区域的滚动行为失效。这是我摸索出来的一种解决方法，如果有更好的方式的话，请不吝赐教！
在这里插入图片描述
只要记住：
①position 要设置为 absolute，其实它原来默认就是absolute。
②mui-scroll-wrapper 只对它下面的第一个子元素有作用。
③touch-action: none 详细请看Unable to preventDefault inside passive event listener

到中流遏飞舟
关注
专栏目录
[MUI专题] 区域滚动
算法与编程之美
08-05 507
本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。前言MUI提供了区域滚动的组件，使用时遵循DOM结构就可以。若是需要使用区域滚动的组件，就需要初...
mui框架 页面无法滚动的解决方法(推荐)
08-28
Mui框架提供了一个滚动组件，用于实现页面或特定区域的滚动效果。在页面加载完成后，需要调用`mui.init()`来初始化整个框架，包括滚动功能。如果这个步骤被遗漏，页面的滚动可能就会失效。 解决此问题的方法是确保...
mui 区域滚动
cery_csdn的博客
06-10 5279
我在实际使用中，这样代码虽然能用，但是有些地方他还没有讲明白，如果贸然添加这样的一个区块代码，不一定能实现滚动效果。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt...
mui区域滚动
weixin_30362801的博客
09-04 126
1.引入：mui.cssmui.min.cssmui.js2、代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-wi...
MUI-区域滚动mScroll
LzzMandy的博客
01-07 1177
区域滚动的结构 &lt;div class="mui-scroll-wrapper"&gt; &lt;div class="mui-scroll"&gt; &lt;!--这里放置真实显示的DOM内容--&gt; &lt;/div&gt; &lt;/div&gt; . mui-scroll-wrapper的默认样式如下： .mui-scroll-wrapper
MUI实现区域滚动
热门推荐
fy_long的博客
10-14 1万+
移动端页面区域滚动的实现 基于MUI 引入相关包 &lt;!-- 1. 引入mui的CSS文件 --&gt; &lt;link rel="stylesheet" href="lib/mui/css/mui.css"&gt; &lt;!-- 2. 引入mui的js文件 --&gt; &lt;script src="lib/mui/js/mui.js"&gt;&lt;/scrip
使用MUI框架构建App请求http接口实例代码
08-28
MUI框架是Dcloud公司开发的一款跨平台框架，能够快速构建高性能的App应用程序。MUI框架封装了android、ios等多个平台的原生接口，达到开发一个项目，采取不同打包方式，生产多种平台的app。这种方式可以大大缩短App...
MUI手机app前端页面开发框架模板下载
06-15
这款框架尤其适合快速开发手机应用的前端页面，提供了一套完整的开发模板，使得开发者能够快速搭建出具有原生应用体验的页面。 在提供的文件列表中，我们可以看到以下几个关键目录： 1. **fonts**：这个目录通常...
mui框架高性能App框架目前最接近原生App效果的框架
11-05
性能和体验的差距，一直是mobile app开发者放弃HTML5的首要原因。... 另一方面，浏览器默认控件样式又少又丑...mui框架有效的解决了这些问题，这是一个可以方便开发出高性能App的框架，也是目前最接近原生App效果的框架。
移动端开发框架mui之scroll(区域滚动)、动态获取数据无法滚动问题
zgphacker2010的专栏
03-13 3563
MUI 官网：https://www.dcloud.io/mui.html MUI 文档：https://dev.dcloud.net.cn/mui/ui/ 演示地址：https://dcloud.io/hellomui/ （支持手机和电脑浏览器） 开发工具：https://www.dcloud.io/hbuilderx.html （Hbuilder X） scroll (区域滚动) 在App开发中，div区域滚动的需求是普遍存在的，但系统默认实现又有如下问题： Android平台4.0以.
MUI框架 页面无法滚动问题
weixin_30765319的博客
03-16 420
在页面JS中加入以下代码即可： (function($){ 　　$(".mui-scroll-wrapper").scroll({ 　　　　//bounce: false,//滚动条是否有弹力默认是true 　　　　//indicators: false, //是否显示滚动条,默认是true 　　}); })(mui); 转载于:https://www...
MUI解决页面无法滚动的问题
qq_29407683的博客
05-14 9688
(function($){ $(".mui-scroll-wrapper").scroll({ bounce: false,//滚动条是否有弹力默认是true indicators: true, //是否显示滚动条,默认是true }); })(mui);
mui 选项卡tab页实现区域滚动，Ajax函数渲染数据（选项卡+scroll滚动+折叠面板）
shanxiu_的博客
03-03 1070
效果图预览 一、HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>news</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /&
mui div滚动阻止触发下拉刷新
weixin_30707875的博客
08-27 507
function orderListScroll () { var _orderObj = document.querySelector('.circulation-loan-list') //div滚动的外层div _orderObj.addEventListener('scroll', function (e) {if (_orderObj.s...
移动端下拉刷新与页面内滑动冲突问题 iscroll 固定行表头 苹果下拉反弹
似水流年，举重若轻
04-04 4243
此方法在安卓6的自带下拉刷新的APP内无效。 做移动app项目时，用的是app内嵌webview的方法，遇到问题。 在安卓6中，app原生自带下拉刷新，与界面内的下滑冲突。 开始考虑通过在touchmove时阻止默认事件解决，但event.preventDefault()是会把所有事件都阻止了。 即使阻止完再移除监听事件，也不行，这是个持续的过程，因为无法改变APP的原生内容。此路不通。 ...
hbuilder mui 下拉加载 上拉刷新与滑动冲突问题
l123y123c123的博客
11-07 715
今天找了一上午的这个问题 滑动划不动 最终参照了这个博客：https://blog.csdn.net/wa172126691/article/details/80983206 用于记录
H5+的下拉刷新与页面滚动冲突的问题
weixin_34290000的博客
09-20 1529
为什么80%的码农都做不了架构师？>>> ...
mui框架开发中下拉刷新页面无法添加区域滚动的问题
weixin_33982670的博客
10-25 1306
这几天在用到mui框架开发app时遇到了一些前端页面构建的一些问题，在鼓捣了一天也没有太好的解决办法后，特地记录下这个问题。 在mui框架初始的默认下拉刷新上拉加载的结构之中，无法添加区域滚动的问题 此问题出现在构建类似原生手机端app时遇到的，大概需求是要在一个可下拉刷新的页面之中点击筛选框弹出特定的下拉列表。本来看到mui框架对于区域...
MUI下拉刷新与区域滚动冲突的解决办法，实际解决
qq_41323538的博客
10-11 5621
今天遇到了MUI下拉刷新的大坑，百度了好久也没看到有能用的解决办法。 自己查阅HTML 5+ API文档后，觉得可以监听scroll事件，当到达顶部时开启下拉刷新，非顶部时关闭即可。一尝试果然可行。 废话不说了，解决办法如下： //日志标记flag var flag = true; //进入时开启刷新 var selfpage = plus.webview.currentWebview()...
MUI框架下App请求HTTP接口实战教程
MUI是一个由Dcloud开发的前端框架，它提供了对Android、iOS等平台原生接口的封装，简化了多平台APP的开发流程。虽然性能可能不及原生应用，但其接近原生的用户体验和对低端设备的良好支持使其成为一种高效的选择。" ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值