1. 程式人生 > >MUI滾動元件-scroll 橫向滾動圖片一半解決辦法

MUI滾動元件-scroll 橫向滾動圖片一半解決辦法

<div 
    class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"
    style="height: 400px;"
>
    <div class="mui-scroll" style="top: 0;">
        <ul>
            <li style="display: inline-block;  width:200px">
                <p>
1室</p> <img width="100%" src="../images/11.jpg"/> </li> <li style="display: inline-block; width:200px"> <img width="100%" src="../images/11.jpg"/> </li> </ul> </div> </div>

橫向圖片只顯示一半,須將mui-segmented-control-inverted該div設定一定的高度,以及mui-scroll top設定0即可

另外一個需要注意的是,橫向滾動裡的內必須要設定為display: inline-block;寫浮動是沒有效果的