本文轉自微信公眾號："算法與編程之美"

Python用HBuilder創(chuàng)建交流社區(qū)APP
基于Python實現(xiàn)MUI側滑菜單a標簽跳轉
基于Python 優(yōu)化 MUI標題欄
基于python使MUI登錄頁面的美化

1、

MUI提供了區(qū)域滾動的組件，使用時遵循DOM結構就可以。若是需要使用區(qū)域滾動的組件，就需要初始化scroll控件。本次在制作頁面時關于區(qū)域滾動遇到了一些問題將會在下文展開。

2、問題描述

在創(chuàng)建好區(qū)域滾動之后不能夠按照預想狀態(tài)橫向滾動，按照MUI官網(wǎng)上給出的代碼敲入之后所有的內容都停留在了最左的界面，不能夠根據(jù)橫向滾動的class來具體放置。

示例：

圖上的商品介紹、商家、評價原本應為區(qū)域滾動的三個部分，在將各個部分的內容對應添加上去時，全部都呈現(xiàn)在了一個頁面。而且在滾動時下方的藍色條并不能隨之滾動，但字體會變?yōu)樗{色。

3、解決方案

查看html上的代碼，可以發(fā)現(xiàn)在<div id="item1mobile" class="md-f1 mui-slider-item mui-control-contentdetailInfos md-box md-ver mui-active">和<div>之后是直接使用了divclass加上之后的圖片內容。

其實我們只用加入ul組件，再去調用圖片與內容，就不會出現(xiàn)以上的情況了。

比如： <ulclass="mui-table-view"></ul> ，在每一個滾動區(qū)域都這樣使用，就可以正常的進行區(qū)域滾動了

4、結語

這次的問題是在對頁面進行優(yōu)化時發(fā)現(xiàn)的，修改之后整個頁面都美觀了許多。當遇到這類的問題的時候其實應該仔細檢查，只要是有一定的基礎都可以發(fā)現(xiàn)這個問題并進行改正。

到此這篇關于基于python實現(xiàn)MUI區(qū)域滾動的文章就介紹到這了,更多相關MUI區(qū)域滾動內容請搜索本站以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持本站！

版權聲明：本站文章來源標注為YINGSOO的內容版權均為本站所有，歡迎引用、轉載，請保持原文完整并注明來源及原文鏈接。禁止復制或仿造本網(wǎng)站，禁止在非maisonbaluchon.cn所屬的服務器上建立鏡像，否則將依法追究法律責任。本站部分內容來源于網(wǎng)友推薦、互聯(lián)網(wǎng)收集整理而來，僅供學習參考，不代表本站立場，如有內容涉嫌侵權，請聯(lián)系alex-e#qq.com處理。