Mui 区域滚动scroll底部显示不完全的问题
2017-05-02 00:00
274 查看
<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;">
<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;">
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 关于 HorizontalScrollView 横向滚动，显示不全问题。
- 关于div的滚动条滚动到底部，内容显示不全的问题。（已解决）
- Flex（4.0）滚动字幕，底部文字显示不全的问题
- MUI开发APP，scroll组件，运用到区域滚动
- Android——UI篇：ScrollView子View高度变化时自动滚动到底部的问题
- GridView设置自动滚动到列表底部导致第一条数据不显示问题处理
- 解决fragment+scrollview+Recycleview切换fragment自动滚动到底部问题
- As3显示对象scrollRect滚动问题
- JS实现当前编辑行自动滚动至div显示区域
- JS实现当前编辑行自动滚动至div显示区域
- JS实现当前编辑行自动滚动至div显示区域
- 使用JQuery解决图片自适应大小问题（比较好的解决图片从加载到完全显示的大小问题）
- FLex3中弹出窗口包含TabNavigator时标签页的标题可能显示不完全的问题及解决方法
- Mac OSX安装后, 多系统引导,优化,升级,硬件和显示问题 [完全教程]
- 在Windows下sqlplus完全正常，可是到Linux下，sqlplus中文显示就出问题了，总是显示“??”，这个问题又怎么解决呢？
- 解决MSChart底部横坐标显示不全的问题
- 可视区域（Scroller）或者又叫滚动显示组件区域
- JS实现当前编辑行自动滚动至div显示区域
- 禁止显示滚动视图底部多余空白
- word公式无法完全显示，公式和文字不对齐问题解决