请教各位：jquery weui 做的列表页，在微信开发者工具上一切正常。但在手机上显示搜索结果时内容区高度会塌陷为正常高度的三分之一左右，这个内容区高度是用 js 设置的，即设备高度减去顶部搜索框和底部菜单的高度，最奇怪的是，刷新一下就恢复正常了。而且更奇怪的是，我把搜索表单的提交按钮改成原生的，点击这个提交按钮执行搜索就没有 bug ，而点击手机输入法键盘上的搜索键就不行，下面是页面结构，麻烦大家帮忙看下，究竟可能是什么原因呢？
页面结构如下：
顶部搜索框
内容(有下拉刷新和滚动加载)
底部菜单
<script>
/*设置页面高度*/
$(function() {
setDivDynamicHeight();
});
/*设置页面高度函数*/
function setDivDynamicHeight() {
//获取设备屏幕高度
var equipmentHeight = document.body.clientHeight;
//获取搜索框高度
var searchHeight = $(".weui-search-bar")[0].scrollHeight;
//获取底部菜单高度
var tabbarHeight = $(".weui-tabbar")[0].scrollHeight;
//计算内容区高度
var MainDivHeight = equipmentHeight - tabbarHeight - searchHeight;
//设置内容区高度
document.getElementById("weui-cells").style.height = MainDivHeight+52+"px";
}
</script>
Select Language