web app开发键盘挡住了文本框问题解决

最新推荐文章于 2024-07-05 16:37:11 发布

luohuajiexiejuan

最新推荐文章于 2024-07-05 16:37:11 发布

阅读量325

点赞数

分类专栏：基础知识

本文链接：https://blog.csdn.net/luohuajiexiejuan/article/details/88395213

版权

基础知识专栏收录该内容

123 篇文章 2 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了在Web App开发中遇到键盘弹出时遮挡文本框的问题及其解决方案。通过监听输入框点击事件，并根据设备类型调整页面内容的padding，实现键盘弹出时自动滚动到输入框。同时，文章提到了两种方法，一种是设置定时器检查页面高度变化，另一种是使用scrollIntoView方法，但这些方法在有顶部固定内容的场景下可能无效。

摘要由CSDN通过智能技术生成

me.methods = {
setScrollTop: function () {
var ele = lib.$(me.el).find(".page-content"); //lib.$('div[data-page="oa!app/page/HR/Performance/OkrReport"] div[class="page-content drp-style-hh per-page"]');//.scrollTop(100)
if (!app.f7.device.ios) {
var screenHeigth = lib.$(window).height();// window.screen.availHeight;
var winHeight = lib.$(window).height();
var scollTop = lib.$(me.el).find(".page-content").scrollTop(); //lib.$('div[data-page="oa!app/page/HR/Performance/OkrReport"] div[class="page-content drp-style-hh per-page"]'