Mui 区域滚动scroll底部显示不完全的问题

最新推荐文章于 2021-12-20 18:47:48 发布
最新推荐文章于 2021-12-20 18:47:48 发布
阅读量1.5k 收藏
点赞数
原文链接：https://my.oschina.net/af666/blog/890848
版权

为什么80%的码农都做不了架构师？>>>   hot3.png

<body>

 

<header class="mui-bar mui-bar-nav">

    <a class="mui-action-back mui-pull-left mui-icon iconfont icon-fanhui"></a>

    <h1 class="mui-title">详细身体状况</h1>

</header>

 

<div class="mui-content">

    <div class="mui-scroll-wrapper">

        <div class="mui-scroll" style="margin-top: 45px;">

 

        </div>

    </div>

</div>

 

</body>

上拉滚动到底部之后松手后会继续向下滚动45像素，就有了底部45像素显示不全的问题，体验不好。

解决办法是上面的代码替换为padding就正常了，加了margin高度超过100%，容器向下移动

<div class="mui-scroll" style="padding-top: 45px;">

转载于:https://my.oschina.net/af666/blog/890848

weixin_34121304
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
mui框架 页面无法滚动的解决方法(推荐)
08-28
下面小编就为大家分享一篇mui框架 页面无法滚动的解决方法(推荐)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue cli+mui 区域滚动的实例代码
08-28
Vue cli+mui 区域滚动的实例代码 在这篇文章中，我们将学习如何使用 Vue cli 和 mui 实现区域滚动的效果。下面，我们将详细介绍这个实例代码，并对其进行详细的分析。 首先，让我们来看一下这个实例代码的结构。...
mui 区域横向滚动 无法滚动显示全部内容的问题
xie_candy的博客
11-15 1181
需要做一个横向的区域滚动，按官方的模板，在实际运用中发现横线滚动只能显示部分内容，剩下的滑不动了，找了很久原因，最后发现需要在类mui-control-item 上自定义宽度就可以了，记录一下。 效果图 实现的部分代码： <div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-...
mui 苹果XR底部菜单问题
sam的博客
07-24 829
解决方案：在index.html 上方新增，重新编译，即可 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, minimum-scale=1, maximum-scale=1, viewport-fit=cover"> ...
【工作中踩坑之cube-ui中的cube-scroll组件无法滑动到底部的问题】
weixin_49991545的博客
12-20 1191
方便跳转看总结：问题起因问题排查1.首先排查是不是cube-scroll组件使用的方式问题2.检查CSS样式写的有没有问题2.继续看文档，并善用百度解决问题总结 问题起因 起因是最近接手的一个项目迭代了一个需求的新页面，要求根据后台的数据加载出餐厅的餐单，结果渲染之后问题来了，测试的时候发现经常会滚动不到页面最底下 大概情况如下图 问题排查 1.首先排查是不是cube-scroll组件使用的方式问题 身为嘴硬的程序猿，发现错误的第一时间，要想：是不是组件有问题，而不是想：是不是我有问题。接着就检查了一.
mui 区域滚动+触底加载
最新发布
05-16
该文件是项目单页，可以通过双击直接在浏览器打开。
MUI Scroll插件的使用详解
12-02
http://dev.dcloud.net.cn/mui/ui/#scroll 神坑1：如果在vuejs中使用，那么需要配合mui.ready(function(){}) 才能找到dom对象，具体demo为： ... Android平台4.0以上支持div滚动，但不显示滚动条 弹出层的
mui区域滚动失效的问题
weixin_42307129的博客
01-09 4603
在开发 mui加vue 做开发的时候发行这两个框架一起使用问题真的太多了无力吐槽 渲染内容区域要用一个元素包起来(推荐用div) 高度必须auto 或者不设置 否则无法滚动 mui-scroll-wrapper 的overflow 改成 scroll 因为overflow默认是hidden, &lt;div style="top: 230px;overflow: scroll;height...
MUI动态加载数据后，scrollToBottom无效的解决方案
懒人改变世界
06-24 1万+
一个类似于聊天的效果，要求数据加载完成后，滚动条必须在最后。但是，如果数据是原始数据的话，使用scrollToBottom是可以滚动到底部的。但是如果是动态数据的话，就无效了。找了很多方法，官方QQ群里也问过了，解释的也不是很看的懂。最后没办法，只能去翻代码了。看了下scrollToBottom的方法定义中有一行是这样的：this.scrollTo(0, this.maxScrollY, time,
MUI解决页面无法滚动的问题
qq_29407683的博客
05-14 9653
(function($){ $(".mui-scroll-wrapper").scroll({ bounce: false,//滚动条是否有弹力默认是true indicators: true, //是否显示滚动条,默认是true }); })(mui);
mui框架 页面无法滚动解决方法
热门推荐
删库跑路
06-29 2万+
只需要初始化一下就可以了 mui.init();(function($){ $(".mui-scroll-wrapper").scroll({ //bounce: false,//滚动条是否有弹力默认是true //indicators: false, //是否显示滚动条,默认是true }); })(mui);
关于使用 MUI .mui-scroll-wrapper 中遇到的坑
dingct的博客
02-20 1万+
使用过程中，遇到手机网页滚动失效，或者代码滚动失灵，要手动滚动的情况。 要在滚动之后添加一个 mui('.mui-scroll-wrapper').scroll().reLayout();  代码才可以。 //初始化区域滚动的 (function($){ $(".mui-scroll-wrapper").scroll({ bounce: false,//滚动条是否有弹力默...
iscroll.js 异步加载数据，底部显示不全的问题
涛哥~梦
10-17 1514
在异步加载成功后，加上myScroll.refresh();（重新计算高度） 例子：
H5网站-微信浏览器中打开底部fixed遮住内容区域问题
jun999
09-30 1535
其他安卓浏览器都没问题，在微信浏览器中会出现这种情况，是因为fixed兼容性问题造成，但是此时absolute并不能满足需求，故使用如下方式解决： <div> <div class="content-box"></div> <div class="nav-bottom"></div> </div> .nav-bottom{ position:fixed; bottom:0; left:0; r...
mui框架开发中下拉刷新页面无法添加区域滚动的问题
weixin_33982670的博客
10-25 1285
这几天在用到mui框架开发app时遇到了一些前端页面构建的一些问题，在鼓捣了一天也没有太好的解决办法后，特地记录下这个问题。 在mui框架初始的默认下拉刷新上拉加载的结构之中，无法添加区域滚动的问题 此问题出现在构建类似原生手机端app时遇到的，大概需求是要在一个可下拉刷新的页面之中点击筛选框弹出特定的下拉列表。本来看到mui框架对于区域...
MUI滚动组件-scroll 横向滚动图片一半解决办法
qq_36800701的博客
01-25 4116
MUI滚动组件-scroll 横向滚动图片一半解决办法
mui Select 滚动条
04-27
您可以使用样式覆盖来修改mui Select组件中滚动条的样式。具体来说，您可以使用以下CSS代码来修改滚动条的样式： ``` /* 滚动条轨道 */ .MuiSelect-select.MuiSelect-selectMenu.MuiInputBase-input::-webkit-...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值