H5页面input输入框，在ios手机中被顶出页面解决方案

input输入框获取焦点的时候，输入框被键盘定出页面，解决方案如下：

页面布局如下：html：

div class="cdSearch-content">
<input data-component="SearchInput" type="tel" class="cdSearch-frame"  data-keyboard-type="2" placeholder="请输入银行账号后6位" maxlength="6" />
</div>

js代码如下：

$('.cdSearch-frame').bind('focus',function(){$("#cdTrade_title_wrap").css('position','static')}).bind('blur',function(){$("#cdTrade_title_wrap").css({'position':'fixed','top':'0'});
})

H5页面input输入框，在ios手机中被顶出页面解决方案相关推荐

解决 input 输入框在 iOS 系统中无法输入内容
问题 input 输入框在 Android 系统可以输入和点击,但是在 iOS 系统上 input 输入框无法点击和输入. 解决方法方案一:在代码中查找并去掉下列样式 -webkit-touch-c ...
ios端自动获取输入框焦点,解决ios手机中input输入框光标过长的问题
在项目中做移动端页面,发现IOS 的光标大小很大,和安卓的完全不一样,思考怎么调整大小,通过实践和尝试,找到了解决方法,现分享给大家. 修改前css部分代码: .receiving-info .rec ...
iOS中 H5的input输入框focus()无法自动拉起键盘（解决方法）
iOS中 H5的input输入框focus()无法自动拉起键盘(解决方法) 参考文章: (1)iOS中 H5的input输入框focus()无法自动拉起键盘(解决方法) (2)https://www. ...
在h5页面中调起支付宝小程序中的某一个页面以及URLScheme 之支付宝
在h5页面中调起支付宝小程序中的某一个页面直接上代码: window.location.href = 'alipays://platformapi/startapp?appId=2021001181 ...
iOS开发过程中常见错误问题及解决方案
iOS开发过程中常见错误问题及解决方案参考文章: (1)iOS开发过程中常见错误问题及解决方案 (2)https://www.cnblogs.com/xjf125/p/9494737.html 备忘 ...
微信小程序app.js中的全局变量globalData改变，如何通知其它页面界面显示改变，小程序中如何在其他页面中监听到globalData中值的变化
微信小程序app.js中的全局变量globalData改变,如何通知其它页面界面显示改变,小程序中如何在其他页面中监听到globalData中值的变化在小程序中,我们一般在app.js的onLaun ...
项目总结之ios手机中input框中粘贴短信验证码keyup事件无效
在项目中遇到这样一个问题,在ios手机上粘贴短信验证码后底部的按钮不亮了,然后看了一下代码,我用的监听事件是keyup事件,当用户输入时进行监听.但是直接粘贴进来就不生效了,确实挺不友好的.那怎么解决 ...
html5输入框表情,H5页面input输入框含有键盘自带的表情符时显示异常
在做一个关于新闻的评论功能的H5页面时,需求里面要求能够发送表情显示表情,如果使用自定义的表情库,则在评论也还要加载大量的表情符图片,极大的影响加载速度,消耗流量,去看了下别的新闻网页版的评论部分也没 ...
解决h5底部输入框在ios被软键盘顶飞软键盘消失还下不来
好吧,其实不是顶飞,准确点说应该是h5页面fiexed定位在底部的输入框在ios软键盘弹起的时候软键盘跟输入框有时会有一段悬空的距离,无法紧贴.在安卓机子上则没有这样的情况. 解决方法是通过h5的sc ...

H5页面input输入框，在ios手机中被顶出页面解决方案

H5页面input输入框，在ios手机中被顶出页面解决方案相关推荐

最新文章

热门文章