该文章仅记录微信公众号开发中所遇到的问题。
1.微信浏览器select标签选择完成之后或input框输入键盘弹起后页面上滑,页面不会自动恢复(页面仍然是上滑状态),导致弹框里的按钮响应区域错位,从而弹窗的按钮事件失效
解决方案:select 选择后或input框输入后让页面回到原位
<input type="text" id="partyCode" name="partyCode" onblur="trial();"> <select id="idType" onChange="trial();"> <option value="">--请选择--</option> <option value="1">身份证</option> <option value="2">护照</option> <option value="3">港澳台通行证</option> </select>
function trial(){ window.scrollTo(0, document.body.scrollTop + 1); document.body.scrollTop >= 1 && window.scrollTo(0,document.body.scrollTop - 1); }