MUI - 解決彈出輸入法時頁面高度變小導致底部上浮的問題

解決彈出輸入法時頁面高度變小導致底部上浮的問題##

	在有輸入框的頁面，當輸入法彈出的時候，底部元素上浮遮蓋了輸入框，影響頁面美觀及功能。查找了一下，頁面變窄是不可避免的。即使是設置絕對固定也是不可以的。因為webveiw在輸入法彈出時候是變化（resize）的。關於document.body.clientheght, screen.height,plus.screen.resolutionHeight的相關區別及聯系請查看這

深入理解高度。獲取屏幕、webview、軟鍵盤高度
http://www.cnblogs.com/phillyx/
所以要獲取屏幕的高度，通過js給一個固定的top

	<nav class="mui-bar mui-bar-tab" id='bottomx'>
			<a class="mui-tab-item mui-active" href="#tabbar">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首頁</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-chat">
				<span class="mui-icon mui-icon-email"><span class="mui-badge">9</span></span>
				<span class="mui-tab-label">消息</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-contact">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">通訊錄</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-map">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">設置</span>
			</a>
		</nav>

 mui.plusReady(function() {
				//設置bottom絕對位置
				document.getElementById('bottomx').style.top = (plus.display.resolutionHeight - 50) + "px";
			});