基于python实现MUI区域滚动
本文转自微信公众号："算法与编程之美"
Python用HBuilder创建交流社区APP
基于Python实现MUI侧滑菜单a标签跳转
基于Python 优化 MUI标题栏
基于python使MUI登录页面的美化
1、前言
MUI提供了区域滚动的组件，使用时遵循DOM结构就可以。若是需要使用区域滚动的组件，就需要初始化scroll控件。本次在制作页面时关于区域滚动遇到了一些问题将会在下文展开。
2、问题描述
在创建好区域滚动之后不能够按照预想状态横向滚动，按照MUI官网上给出的代码敲入之后所有的内容都停留在了最左的界面，不能够根据横向滚动的class来具体放置。
示例：
图上的商品介绍、商家、评价原本应为区域滚动的三个部分，在将各个部分的内容对应添加上去时，全部都呈现在了一个页面。而且在滚动时下方的蓝色条并不能随之滚动，但字体会变为蓝色。
3、解决方案
查看html上的代码，可以发现在<div id="item1mobile" class="md-f1 mui-slider-item mui-control-contentdetailInfos md-box md-ver mui-active">和<div>之后是直接使用了divclass加上之后的图片内容。
其实我们只用加入ul组件，再去调用图片与内容，就不会出现以上的情况了。
比如： <ulclass="mui-table-view"></ul> ，在每一个滚动区域都这样使用，就可以正常的进行区域滚动了
4、结语
这次的问题是在对页面进行优化时发现的，修改之后整个页面都美观了许多。当遇到这类的问题的时候其实应该仔细检查，只要是有一定的基础都可以发现这个问题并进行改正。
到此这篇关于基于python实现MUI区域滚动的文章就介绍到这了,更多相关MUI区域滚动内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了python使用glob检索文件的操作，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-05-05
本文实例代码相结合给大家详细介绍了Python爬虫之正则表达式的使用，包括参数介绍，最常规的匹配，匹配目标，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧2018-10-10
下面小编就为大家带来一篇安装Python的教程-Windows。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要为大家详细介绍了Python面向对象编程之封装的艺术，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-02-02
使用 Django 或 Flask 这种框架开发 web app 的时候一般都会用内建服务器开发和调试程序，等程序完成后再移交到生产环境部署。问题是这些内建服务器通常都不支持 HTTPS，那么我们来探讨下开启https吧2014-07-07
这篇文章主要为大家介绍了Java开发者快速进修Python指南之异常捕获, 有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-12-12
下面小编就为大家分享一篇python pandas 组内排序、单组排序、标号的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-04-04
这篇文章主要介绍了Python入门教程(七)Python数字类型,Python是一门非常强大好用的语言,也有着易上手的特性,本文为入门教程,需要的朋友可以参考下2023-04-04
这篇文章主要介绍了python中sets模块的用法实例,该模块用来处理集合类型的数据,在这个模块中提供了两个集合类:Set(可变集合)和ImmurableSet(不可变集合),本文实例主要分析了Set(可变集合)的用法,需要的朋友可以参考下2014-09-09
这篇文章主要为大家详细介绍了Python使用Tkinter实现机器人走迷宫，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-01-01
最新评论