微信小程式中橫向滾動條不出現的原因?

2021-09-25 13:14:48 字數 610 閱讀 7184

新增好樣式之後

正常使用官網的左右滾動條時

調整樣式

.scroll-view-item_h
這時候的樣式為:

我們可以使用浮動float:left,使元素橫向排列,會發現沒有效果。

我們可以再試著使用彈性盒display:flex; flex-direction: row; 你會發現還是不可以

這時候你可以試著給父元素加 white-space: nowrap;

每個子元素加上樣式display:inline-block; 這時候你在重新整理頁面就可以了

微信小程式設定滾動條

這是之前寫在個人部落格的文章,現在搬過來 前言 原因 webkit scrollbarwhat,寬高為0,而且還是透明的,難怪,好吧,修改寬高4px,color設定為green,以為可以了,呵呵,太年輕。scroll viwe依然沒有滾動條,以為是布局原因,導致滾動條消失在介面外,我將寬高設為20p...

微信小程式橫向滾動正確姿勢

1 xml檔案 view scroll view scroll x class scroll header view class wrap1 wx for text class textline2 text view scroll view view 2 wxss檔案 scroll header s...

IE6中iframe出現橫向滾動條的解決方案

ie6中iframe出現橫向滾動條的解決方案 方案一 給該框架的頁內加上以下樣式 html 注意,是指該框架的頁內新增,不是在全域性的樣式中新增。這種方案是網上給出的最多的方案,橫向超出就隱藏,縱向超出讓他自動。這樣ie6下橫向滾動條確實是沒有了,可是這樣我們會發現內容盒子的右邊會缺失了17px的寬...