微信H5页面 会被软键盘顶起来

问题描述:H5页面在微信中打开,input输入框获取焦点时,页面被软键盘顶上去;关闭软键盘时,页面不会自动下来(恢复初始状态)微信

H5页面在微信中初始状态以下图:.net

input输入框获取焦点时,页面被软键盘顶上去,以下图:blog

关闭软键盘时,页面没有自动落下,以下图:input

 

 

解决方法:
方法一:io

$(input).on('blur',function(){
    window.scroll(0,0);
});function

scroll 注解:scroll(x,y),x表示水平滚动条位置,y表示垂直滚动条位置select

 

方法二:scroll

$("input").on(‘blur’,function(){
    $(window).scrollTop(0);
});方法

scrollTop 注解:元素滚动条的垂直位置im

顺带写几个其余的:

scrollLeft(number); 元素滚动条的水平位置

$(selector).scrollTop(offset)  offset: 可选。规定相对滚动条顶部的偏移,以像素计。
---------------------

转载 :黑夜世界 原文:https://blog.csdn.net/amy_king_0/article/details/86612901

相关文章
相关标签/搜索