H5+ 移动app学习之一 页面

创建子页面：

mobile app开发中遇到头尾固定、局部滚动的情况，mui的解决思路是将滚动的局部页面通过单独的webview实现，将目标页面分为主页面和内容页面，在主页面中调用mui.init方法初始化内容页面。

具体代码：

 

mui.init({
	subpages: [{
	    url: your-subpage-url,//子页面HTML地址，支持本地地址和网络地址
	    id: your-subpage-id, //子页面标志
	    styles: {
		top: subpage-top-position, //子页面顶部位置
		bottom: subpage-bottom-position, //子页面底部位置
		width: subpage-width, //子页面宽度，默认为100%
		height: subpage-height, //子页面高度，默认为100%......
	    },
	    extras: {} //额外扩展参数
	}]
});

 例子：

 

打开新页面：

mui.openWindow({
	url: list.html',
	id: list
});