V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
weichen2
V2EX  ›  问与答

jquery weui 做的列表页 div 高度失效问题

  •  
  •   weichen2 · 2022-03-29 22:28:33 +08:00 via Android · 774 次点击
    这是一个创建于 995 天前的主题,其中的信息可能已经有所发展或是发生改变。

    请教各位: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>
    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5849 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 02:35 · PVG 10:35 · LAX 18:35 · JFK 21:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.