MUI 上下滑动划不了 怎么办

最新推荐文章于 2024-09-13 19:59:17 发布
最新推荐文章于 2024-09-13 19:59:17 发布
阅读量1.5w 收藏 1
点赞数
分类专栏： UI前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaohxx/article/details/79229962
版权
执行js
$('#scroll').scroll({
indicators: true //是否显示滚动条
});

初始化马上就好了


如需了解mui的其他滑动bug

请移步mui的BUG持续更新

https://blog.csdn.net/xiaohxx/article/details/79423818

LingMax2013
关注
专栏目录
mui框架 页面无法滚动的解决方法(推荐)
08-28
下面小编就为大家分享一篇mui框架 页面无法滚动的解决方法(推荐)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
MUI 实现侧滑菜单及其主体部分上下滑动的方法
08-28
下面小编就为大家分享一篇MUI 实现侧滑菜单及其主体部分上下滑动的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
MUI-垂直滚动的实现
ydk1203的博客
09-13 239
/ 当到达最后一个时，重置位置。// 等待动画结束再重置。// 每3秒滚动一次。
mui上下滑动
balidui8328的博客
05-14 935
//引入 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 314
<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 1048
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 5117
   //重新激活mui('#下拉容器id').pullRefresh().refresh(true); 假设从A上拉加载能用但是切换到B不能使用上拉加载了在切换的事件上重新激活mui('#上拉容器id').pullRefresh().refresh(true);即可，原因应该就是在A页时上拉加载到底部没有更多数据了执行mui('#pullrefresh').pullRefresh().e...
MUI左右滑动删除效果
06-01
【标题】"MUI左右滑动删除效果"指的是在移动应用开发中，使用MUI（Mobile UI）框架实现的一种交互功能。MUI是中国DCloud公司推出的一款轻量级的前端框架，专门针对移动设备设计，提供了丰富的组件和交互效果，以帮助...
mui 区域滚动+触底加载
05-16
该文件是项目单页，可以通过双击直接在浏览器打开。
mui div滚动阻止触发下拉刷新
weixin_30707875的博客
08-27 517
function orderListScroll () { var _orderObj = document.querySelector('.circulation-loan-list') //div滚动的外层div _orderObj.addEventListener('scroll', function (e) {if (_orderObj.s...
MUI 实现侧滑菜单及其主体部分上下滑动
yijiupingfan0914的博客
06-29 1107
在MUI文档的侧滑菜单介绍里没有说明如何实现侧滑，而MUI侧滑菜单默认是没有上下滑动功能的，需要激活。1、首先在 class="mui-scroll-wrapper" 的元素上添加ID：&lt;!-- 侧滑导航根容器 --&gt;&lt;div class="mui-off-canvas-wrap mui-draggable"&gt; &lt;!-- 菜单容器 --&gt; &lt;aside...
HTML5手机端实现 上下滚动
07-16
HTML5服务端 手机端实现上下滚动。
mui禁止滚动条和禁止滚动
weixin_30654419的博客
11-28 319
mui.plusReady(function () { plus.webview.currentWebview().setStyle({ scrollIndicator: 'none' }); }); document.addEventListener('touchstart',function(e){e.preventDefault();}) 转载于:https://...
利用 MUI开发app， 如何实现侧滑菜单及其主体部分上下滑动
weixin_34267123的博客
05-31 196
利用mui开发APP 之侧滑菜单主内容滚动问题 　　　MUI作为开发者常用的框架之一，其号称最接近原生APP体验的高性能前端框架。因此利用mui开发移动APP，可以为开发者提供很大的便利和接近原生的体验。但是，在实现一些复杂功能的过程中，难免遇到一些小问题。博主将以自己在项目开发中的一些的经验，陆续对mui使用中容易遇到的小问题，予以解答和分享，希望能帮到更多的开发者朋友。 　　最近，...
mui实现上下滑动控制显隐效果
LZUGIS
12-30 1606
概述 本文讲述在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 2672
这个问题，只在安卓手机存在，苹果手机是可以滚动的。 一、解决方案 原先的布局：   &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 1172
盒子容器,需要根据内容多少来判断是否需要滚动 场景:手机端 页面部分区域 这里假设高度为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实现上拉刷新与下拉加载功能
浪子四方
08-15 1073
引言 下拉刷新与上拉加载功能可谓是现在APP开发的两个常见功能，在电脑端我们常常通过点击分页的形式来向用户展示更多内容，不过在移动端我们可不想有这些多余的点击操作，只要想看更多内容只要下拉话上拉就可以了，这个小技巧可以大大的提高用户体验，下面我们来简单的了解一下MUI是如何实现这两种功能的。 关键点1： 初始化下拉刷新与上拉加载功能 mui.init({ pullRefresh...
如何把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、付费专栏及课程。

余额充值