html5选项卡左侧,侧滑导航（div模式左滑菜单）主体菜单放入选项卡（左侧选项卡-div模式）选项卡无法区域滚动...

Hello MUI

.mui-row.mui-fullscreen>[class*="mui-col-"] {

height: 100%;

}

.mui-col-xs-3,

.mui-control-content {

overflow-y: auto;

height: 100%;

}

.mui-segmented-control .mui-control-item {

line-height: 50px;

width: 100%;

}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {

background-color: #fff;

}

关闭

确定

选中项：

侧滑列表示例

侧面选项卡-div模式1

mui.init({

swipeBack: true //启用右滑关闭功能

});

var controls = document.getElementById("segmentedControls");

var contents = document.getElementById("segmentedControlContents");

var html = [];

var i = 1,

j = 1,

m = 16, //左侧选项卡数量+1

n = 21; //每个选项卡列表数量+1

for (; i < m; i++) {

html.push('1选项' + i + '');

}

controls.innerHTML = html.join('');

html = [];

for (i = 1; i < m; i++) {

html.push('

• ');

for (j = 1; j < n; j++) {

html.push('

第' + i + '个选项卡子项-' + j + '');

}

html.push('

');

}

contents.innerHTML = html.join('');

//默认选中第一个

controls.querySelector('.mui-control-item').classList.add('mui-active');

contents.querySelector('.mui-control-content').classList.add('mui-active');