博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信H5页面 会被软键盘顶起来
阅读量:6261 次
发布时间:2019-06-22

本文共 574 字,大约阅读时间需要 1 分钟。

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

H5页面在微信中初始状态如下图:

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

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

 

 

解决方法:

方法一:

$(input).on('blur',function(){

    window.scroll(0,0);
});

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

 

方法二:

$("input").on(‘blur’,function(){

    $(window).scrollTop(0);
});

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

顺带写几个其他的:

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

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

---------------------

转载 :黑夜世界 

原文:https://blog.csdn.net/amy_king_0/article/details/86612901

转载于:https://www.cnblogs.com/Alitar/p/10756095.html

你可能感兴趣的文章
在Windows下/Linux下安装jdk版本
查看>>
SOUI Editor使用教程
查看>>
session多服务器共享的方案梳理
查看>>
bower 安装
查看>>
OpenCV 在mac下的安装以及在Xcode中的配置
查看>>
第三次Scrum meeting
查看>>
replace和replaceAll小题目
查看>>
下载python3.6,进行编译安装,运行django程序
查看>>
PCA人脸识别学习笔记---代码篇
查看>>
grep
查看>>
归档备份被删,GoldenGate无法抽取数据
查看>>
Could not create the view: An unexpected exception was thrown.
查看>>
codeforces 445A
查看>>
基础语法
查看>>
多线程和CPU的关系
查看>>
005 -- DuLinkList_add nodes, delete node, Caser print..
查看>>
HashMap、TreeMap、LinkedHashMap、hashtable的区别
查看>>
ajax之百度 应用实例
查看>>
单行文本溢出、多文本溢出
查看>>
yarn的学习-2-从 npm 迁移到 yarn-包管理工具
查看>>