如图:布局上移搜索框遮住搜索条目,影响搜索功能
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsICM38FdsYkRGZkRG9lcvx2bjxiNx8VZ6l2cs0TP35EeFRkT0kkaNBDOsJGcohVYsR2MMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnL3kjM1AzNyITMzIzMwkTMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
// 兼容Android,ios 键盘弹起时,把搜索的数据顶上去影响布局和搜索功能
var h = document.body.scrollHeight // 用onresize事件监控窗口或框架被调整大小,先把一开始的高度记录下来
window.onresize = function () { // 如果当前窗口小于一开始记录的窗口高度,那就让当前窗口等于一开始窗口的高度
if (document.body.scrollHeight < h) {
document.body.style.height = h;
}
}
注意:此方法不兼容微信端…
微信端此问题可以用获得焦点(focus事件)和失去焦点(blur事件)来解决,具体问题具体分析。