修复ios上第三方输入法弹出时输入键盘盖住网页没有进行相应滚动从而盖住表单输入框的问题
2016-08-18 15:54
656 查看
fixIME();
function fixIME(){
scroll_y = 100; // 如果键盘弹起后 网页window对象的卷起小于此值,说明没有自动卷起 单位:px
timer = 500; //focus事件中500ms后进行判断 因为调起输入法键盘本身会有一定时间的延时
max_scroll = 300; // 手动向上卷起页面的高度 单位:px
$('.content').focusin(function () {
setTimeout(function() {
if(window.scrollY < scroll_y) {
window.scrollTo(0, max_scroll);
}
}, timer);
});
$('.content').focusout(function () {
setTimeout(function() {
window.scrollTo(0,0);
}, timer);
});
}
function fixIME(){
scroll_y = 100; // 如果键盘弹起后 网页window对象的卷起小于此值,说明没有自动卷起 单位:px
timer = 500; //focus事件中500ms后进行判断 因为调起输入法键盘本身会有一定时间的延时
max_scroll = 300; // 手动向上卷起页面的高度 单位:px
$('.content').focusin(function () {
setTimeout(function() {
if(window.scrollY < scroll_y) {
window.scrollTo(0, max_scroll);
}
}, timer);
});
$('.content').focusout(function () {
setTimeout(function() {
window.scrollTo(0,0);
}, timer);
});
}
function fixIME(selector){ scroll_y = 100; timer = 500; max_scroll = 300; $(selector).focusin(function () { setTimeout(function() { if(window.scrollY < scroll_y) { window.scrollTo(0, max_scroll); } }, timer); }); $(selector).focusout(function () { setTimeout(function() { window.scrollTo(0,0); }, timer); }); }
相关文章推荐
- iOS键盘弹出遮挡输入框问题
- 手机点击输入框,弹出输入法会盖住web的文本框问题。
- iOS 弹出键盘,输入框上移问题
- ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
- ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
- IOS TextField弹出键盘挡住输入框的问题(续)
- iOS项目开发键盘弹出遮挡输入框问题解决方案
- [iOS]解决键盘弹出时挡住输入框的问题
- IOS开发键盘弹出时遮住输入框的问题的一种解决方法。
- IOS开发键盘弹出时遮住输入框的问题
- iOS讲解迷惑之键盘弹出遮挡输入框的问题
- iOS解决键盘弹出遮挡输入框问题
- 解决webview中输入框完成输入隐藏键盘后滑动界面又弹出软键盘问题
- 解决iOS键盘弹出遮挡输入框问题
- 1怎样让输入的text文本填写的部分只添加数字、2怎样将输入的数字一次性全部删除 3怎样选择密码 让它不显示 4 怎样实现在没有return的情况下点击button的情况下就能够使键盘页面下落5 怎样实现点击指定的button来对使指定的text进行键盘弹出 6怎样改变button按钮的状态
- Swift让输入框跟随键盘弹起避免输入输入法挡住输入框问题
- iOS学习——键盘弹出遮挡输入框问题解决方案
- iOS开发键盘弹出时遮住输入框的问题
- iOS输入视图(如UITextView UITextField)点击时没有弹出键盘输入窗
- 滚动视图 解决弹出键盘遮住输入框的问题 实例解析