mui 區域橫向滾動 無法滾動顯示全部內容的問題

2021-09-29 16:16:58 字數 537 閱讀 2081

需要做乙個橫向的區域滾動,按官方的模板,在實際運用中發現橫線滾動只能顯示部分內容,剩下的滑不動了,找了很久原因,最後發現需要在類 mui-control-item 上自定義寬度就可以了,記錄一下。

效果圖

實現的部分**:$$

官方橫向滾動文件介紹:

橫向滾動只需在scroll元件基礎上新增mui-slider-indicatorcodemui-segmented-controlmui-segmented-control-inverted這三個class即可.(給子元素新增mui-control-item可加大文字間距增強體驗

事例**:

熱點

北京

社會

娛樂

科技

mui滾動區域的實現

1 3content 4.滾動內容區域56 7.滾動內容區域89 1011 並且要在js 中加入這句 區域性滾動 mui.init bounce false deceleration 0.0005 flick 減速係數,係數越大,滾動速度越慢,滾動距離越小,預設值0.0006 完整 如下 1 235...

橫向滾動條無法去除

idea開發日程安排介面時,橫向滾動條無法去除,無論div或者視窗大小調整為多少,都有橫向滾動條。然後在谷歌瀏覽器中f12除錯,發現在callendar 日曆控制項 所在body有乙個邊距。這個邊距影響介面,無論視窗或者callendar所在div調整為多少,始終有乙個滾動條。解決方法 新增此段 將...

不顯示橫向滾動條

因為只是隱藏橫向滾動條,所以不能使用scrolling no 的辦法,因為這樣會連縱向也隱藏了 框架包含 還是再說一下問題的嚴重性 在ie7,firefox,opera,safari下均是正常的,在ie6下面如果沒有出現縱向滾動條的時侯,也不會出現橫向滾動條,但是當有縱向滾動條的時侯,橫向滾動條出現...