MUI 上下滑动划不了 怎么办

最新推荐文章于 2019-12-30 17:43:46 发布
最新推荐文章于 2019-12-30 17:43:46 发布
阅读量1.5w 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： UI前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xiaohxx/article/details/79229962
本文介绍使用MUI框架中的滑动组件初始化方法，并提供了一段JavaScript代码示例，展示了如何设置滑动指示器为可见状态。对于进一步了解MUI框架中存在的滑动问题，文章还提供了指向一个详细记录MUI滑动BUG的链接。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

执行js
$('#scroll').scroll({
indicators: true //是否显示滚动条
});

初始化马上就好了


如需了解mui的其他滑动bug

请移步mui的BUG持续更新

https://blog.youkuaiyun.com/xiaohxx/article/details/79423818

mui h5+文档最详版
zxd的博客
12-10 1万+
mui h5+文档最详版界面初始化H5plus初始化创建子页面打开界面参数传递控制页面load显示关闭界面底部导航切换界面自定义事件页面预加载消息框原生模式ActionSheet下拉刷新上拉加载上拉下拉整合手势遮罩滑动导航选择图片轮播自定义导航Ajax-get请求Ajax-post请求照相机访问相册蜂鸣提示音手机震动弹出菜单设备信息手机信息发送短信拨打电话发送邮件本地存储图片上传地理位置设置IOS...
jQuery Mobileb 入门学习（1）
lx—Word的博客
07-21 914
自己学习的笔记。移动互联网开发这里使用hbuider开发工具。移动端各类框架如MUI框架很方便。直接创建移动app项目。1、jQuery Mobile简介 jQuery Mobile 是一个用于创建移动端web应用的前端框架。jQuery Mobile 是一种 web 框架，用于创建移动web 应用程序。jQuery Mobile将“写得更少、做得更多”这一理念提升到了新的层次：它会自动为网页设计交
MUI 实现侧滑菜单及其主体部分上下滑动的方法
08-28
下面小编就为大家分享一篇MUI 实现侧滑菜单及其主体部分上下滑动的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
mui上下滑动
balidui8328的博客
05-14 974
//引入 mui.min.css mui.min.js //body <div class="mui-scroll-wrapper"> <div class="mui-scroll"> </div> </div> //js mui('.mui-scroll-wrapper').scroll({ dece...
MUI无法向下滚动解决办法
(ง •_•)ง
12-20 345
<script type="text/javascript" charset="utf-8"> mui.init(); (function($) { $(".mui-scroll-wrapper").scroll({ bounce: false, //滚动条是否有弹力默认是true indicators: false, //是否显示滚动条,默认是true });...
mui页面不能下滑
qq_38026437的博客
12-07 1078
mui在浏览器测试中会报错 ：Unable to preventDefault inside passive event listener due to target being treated as passive.  原因 所以在css中加了touch-action: none;  导致页面都不能下滑了，所以得修改一下 改成 touch-action: pan-y; 就可以了...
MUI上拉加载失效 或下拉刷新失效问题
weixin_42307129的博客
12-19 5187
   //重新激活mui('#下拉容器id').pullRefresh().refresh(true); 假设从A上拉加载能用但是切换到B不能使用上拉加载了在切换的事件上重新激活mui('#上拉容器id').pullRefresh().refresh(true);即可，原因应该就是在A页时上拉加载到底部没有更多数据了执行mui('#pullrefresh').pullRefresh().e...
mui div滚动阻止触发下拉刷新
weixin_30707875的博客
08-27 535
function orderListScroll () { var _orderObj = document.querySelector('.circulation-loan-list') //div滚动的外层div _orderObj.addEventListener('scroll', function (e) {if (_orderObj.s...
MUI 实现侧滑菜单及其主体部分上下滑动
yijiupingfan0914的博客
06-29 1264
在MUI文档的侧滑菜单介绍里没有说明如何实现侧滑，而MUI侧滑菜单默认是没有上下滑动功能的，需要激活。1、首先在 class="mui-scroll-wrapper" 的元素上添加ID：&lt;!-- 侧滑导航根容器 --&gt;&lt;div class="mui-off-canvas-wrap mui-draggable"&gt; &lt;!-- 菜单容器 --&gt; &lt;aside...
mui禁止滚动条和禁止滚动
weixin_30654419的博客
11-28 348
mui.plusReady(function () { plus.webview.currentWebview().setStyle({ scrollIndicator: 'none' }); }); document.addEventListener('touchstart',function(e){e.preventDefault();}) 转载于:https://...
HTML5手机端实现 上下滚动
07-16
HTML5服务端 手机端实现上下滚动。
利用 MUI开发app， 如何实现侧滑菜单及其主体部分上下滑动
weixin_34267123的博客
05-31 221
利用mui开发APP 之侧滑菜单主内容滚动问题 　　　MUI作为开发者常用的框架之一，其号称最接近原生APP体验的高性能前端框架。因此利用mui开发移动APP，可以为开发者提供很大的便利和接近原生的体验。但是，在实现一些复杂功能的过程中，难免遇到一些小问题。博主将以自己在项目开发中的一些的经验，陆续对mui使用中容易遇到的小问题，予以解答和分享，希望能帮到更多的开发者朋友。 　　最近，...
mui实现上下滑动控制显隐效果
LZUGIS
12-30 1656
概述 本文讲述在mui框架下实现上下滑动控制显隐的效果。 效果 实现 html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,maxi...
解决MUI在安卓手机上无法滚动的问题
qq_25354709的专栏
11-28 2718
这个问题，只在安卓手机存在，苹果手机是可以滚动的。 一、解决方案 原先的布局：   &lt;!-- 中间区域 --&gt; &lt;div class="mui-content" id="main"&gt; &lt;!-- 轮播图 --&gt; &lt;!-- BANNER --&gt; &lt;section class="swiper-container&qu
mui-table-view 滚动问题
qq_38110067的博客
07-05 1215
盒子容器,需要根据内容多少来判断是否需要滚动 场景:手机端 页面部分区域 这里假设高度为500px <ul class='mui-table-view' ></ul> 起初我采取的解决方案: css: overflow:hidden auto;postion:fixed;z-index:999 我用chrome 测试 好使,但是到了真机测试环节就不好使了,后来 fir...
mui框架 页面无法滚动解决方法
热门推荐
删库跑路
06-29 2万+
只需要初始化一下就可以了 mui.init();(function($){ $(".mui-scroll-wrapper").scroll({ //bounce: false,//滚动条是否有弹力默认是true //indicators: false, //是否显示滚动条,默认是true }); })(mui);
如何解决mui-scroll-wrapper组件在动态获取数据时滚动或者滑动失效的问题（亲测有效）
悲催的程序猿的博客
08-18 4795
第一次些博客，如果有写的不好的地方，请见谅！！ ##由于需要使用MUI制作公司的一个APP，因此跟着MUI官方帮助文档进行了代码的测试，大部分组建都能够达到想要的效果，但是在测试popover+scroll组件共同使用时，发现了一些问题. 当数据为写死或者称为静态数据时，数据功能都是正常的，并且可以正常弹出等； 数据动态获取时如果出现滚动条无法使用或者失效，则可以使用以下代码解决，其中最主要的是...
MUI scroll滑动不了，模拟机中使用鼠标滑轮却可以滑动
Danielmumu的博客
07-17 3180
最近学习慕课的仿豆瓣app，首页无法滑动，偶尔瞬间滑动却可以，而其他页面滑动正常不会有滑动阻碍。   网上很多都说给scroll添加参数，具体如下 mui('.mui-scroll-wrapper').scroll({ deceleration:0.00005, bounce: false,//滚动条是否有弹力默认是true indicators: false...
mui中使用 mui-popover遇到的问题及解决方法
qq_35500233的博客
05-16 5961
我的项目整体是基于mui框架实现的，同时使用了vue框架来给界面绑定数据。 具体的界面如下 点击页面的按钮，弹出下面这个界面。 我的html代码如下： <div id="cardContent" class="card-content mui-popover mui-popover-bottom mui-popover-action" data-disable-auto-close="tr...
如何把mui里面属性划掉替换
最新发布
10-15
在MUI（Material-UI）库中，如果你想删除某个组件的默认属性并自定义新的属性，可以按照以下步骤操作： 1. **了解MUI组件结构**：MUI组件通常有props（属性），其中一些是默认配置，可以在创建组件实例时传入`{}`（空对象）来覆盖它们。 2. **明确需要改变的属性**：确定你想修改哪个属性，比如`disableRipple`（移除默认点击反馈）或`variant`（更改按钮样式）等。 3. **传递新属性**：当你创建组件实例时，直接指定该属性。例如，如果你要禁用MUI Button的涟漪效果，可以这样做： ```jsx import { Button } from '@material-ui/core'; <Button variant="contained" disableRipple="true">点击我</Button> ``` 4. **注意API变化**：不是所有的属性都可以随意删除或替换，有些是MUI内部使用的必要属性。查阅文档确认哪些属性是安全可变的。 5. **处理状态更新**：如果你需要动态控制某些属性，记得在state或props中管理相应值，并在渲染时更新组件实例。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值