mui-slider選項卡設置默認index

今天mui框架選項卡遇到個沒法設置初始index的問題,查閱網上資料後未發現解決方案。正確的解決方案是:css

1.設置頭部和內容區域的.mui-active。框架

2.*設置內容區域最外層設置偏移量transform,根據頁面寬度適配。ide

3:*進行silder滾動。(缺乏這步會有滑動bug)ui

以我的需求爲例:(根據地址欄設定初始值)3d

貼上代碼:code

let currIndex = getUrlParam('item')
        console.log(currIndex)
        //根據導航欄進行定位--MuiBug
        $('.mui-control-item').removeClass('mui-active').eq(currIndex-1).addClass('mui-active')
        $('.mui-slider-group>div').removeClass('mui-active').eq(currIndex-1).addClass('mui-active')
        if(currIndex==1){
            $(`.mui-slider-group`).css('transform','translate3d(0px, 0px, 0px) translateZ(0px)')
        }else{
            let screenWidth = window.innerWidth 
            $(`.mui-slider-group`).css('transform',`translate3d(-${screenWidth}px, 0px, 0px) translateZ(0px)`)
       mui('.mui-slider').slider().gotoItem(currIndex);
        }
相關文章
相關標籤/搜索