解决微信底部弹出输入法遮挡页面

简介: 微信网页里面,需要输入的时候,键盘弹出,然后底部的东西会被遮挡,resize事件捕捉不到,window高度也捕捉不到?解决:目前这种情况只有安卓机器会发生,可以采用如下方式进行处理,在点击输入框的时候,先判断是否是安卓的机器,然后采用延时机制让页面再搞上去。

微信网页里面,需要输入的时候,键盘弹出,然后底部的东西会被遮挡,resize事件捕捉不到,window高度也捕捉不到?
解决:
目前这种情况只有安卓机器会发生,可以采用如下方式进行处理,在点击输入框的时候,先判断是否是安卓的机器,然后采用延时机制让页面再搞上去。

if (navigator.userAgent.match(/Android/i)) {
    $('input').bind('click',
    function(e) {
        var $this = $(this);
        e.preventDefault();
        setTimeout(function() {
            $(window).scrollTop($this.offset().top - 40);
        },
        300)
    })
}
目录
相关文章
|
23天前
|
缓存 小程序 UED
微信小程序如何在切换页面后原页面状态不变
微信小程序如何在切换页面后原页面状态不变
23 0
|
1月前
|
JSON 小程序 JavaScript
【微信小程序】-- 自定义组件 - 组件所在页面的生命周期 & 插槽(三十七)
【微信小程序】-- 自定义组件 - 组件所在页面的生命周期 & 插槽(三十七)
|
3月前
|
JSON 小程序 JavaScript
微信小程序之项目基本结构、页面的基础及宿主环境
微信小程序之项目基本结构、页面的基础及宿主环境
|
1月前
|
小程序
【微信小程序】-- 页面导航 -- 编程式导航(二十三)
【微信小程序】-- 页面导航 -- 编程式导航(二十三)
|
3月前
|
小程序
微信小程序实现不同按钮跳转同一个页面显示不同内容
微信小程序实现不同按钮跳转同一个页面显示不同内容
68 0
|
5天前
|
小程序
uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)
uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)
6 0
|
4月前
|
小程序
在微信小程序中打开的页面不能超过10个,达到10个页面后,就不能再打开新的页面
在微信小程序中打开的页面不能超过10个,达到10个页面后,就不能再打开新的页面
126 1
|
23天前
|
缓存 小程序 开发者
微信小程序如何刷新当前页面
微信小程序如何刷新当前页面
16 0
|
1月前
|
存储 JSON 小程序
【微信小程序】-- 页面处理总结(三十一)
【微信小程序】-- 页面处理总结(三十一)
|
1月前
|
JSON 小程序 API
【微信小程序】-- 案例 - 本地生活(列表页面)(三十)
【微信小程序】-- 案例 - 本地生活(列表页面)(三十)

热门文章

最新文章