iOS下Html页面中input获取焦点弹出键盘时挡住input解决方案—scrollIntoView()
2017-12-14 09:17
721 查看
scrollIntoView(alignWithTop): 滚动浏览器窗口或容器元素,以便在当前视窗的可见范围看见当前元素。
alignWithTop 若为 true,或者什么都不传,那么窗口滚动之后会让调用元素的顶部与视口顶部尽可能平齐;
alignWithTop 若为 false,调用元素会尽可能全部出现在视口中,可能的话,调用元素的底部会与视口顶部平齐,不过顶部不一定平齐。
$('input').on("click",
function () {
var target
= this;
setTimeout(function(){
target.scrollIntoView(true);
}, 100);
})
alignWithTop 若为 true,或者什么都不传,那么窗口滚动之后会让调用元素的顶部与视口顶部尽可能平齐;
alignWithTop 若为 false,调用元素会尽可能全部出现在视口中,可能的话,调用元素的底部会与视口顶部平齐,不过顶部不一定平齐。
$('input').on("click",
function () {
var target
= this;
setTimeout(function(){
target.scrollIntoView(true);
}, 100);
})
相关文章推荐
- iOS下Html页面中input获取焦点弹出键盘时挡住input解决方案—scrollIntoView()
- iOS下Html页面中input获取焦点弹出键盘时挡住input解决方案
- iOS下Html页面中input获取焦点弹出键盘时挡住input解决方案
- iOS下Html页面中input获取焦点弹出键盘时挡问题
- webview的input输入框获取焦点弹出数字键盘
- 移动H5页面,Android手机下,input获取焦点弹出系统虚拟键盘时,挡住input解决方法
- 【移动端H5开发】iOS下页面底部的input被弹出键盘遮挡问题
- ios开发之uitextview及uitextfield获得焦点时弹出的键盘及键盘上面的附加view设置
- ios键盘弹出挡住带自定义UITableViewCell的UITableView的解决方法
- 移动端webapp,在进入某页面后,input框自动获取焦点并弹出数字键盘
- Android EditView 获取焦点 不弹出软键盘
- 移动端fixed和input获取焦点软键盘弹出影响定位的问题
- ListView里面有EditTextView,解决弹出键盘后EditView不能获取焦点的问题
- ListView里面有EditTextView,解决弹出键盘后EditView不能获取焦点的问题
- 记录H5页面IOS中input输入框失去焦点后,键盘隐藏
- ListView里面有EditTextView,解决弹出键盘后EditView不能获取焦点的问题
- 移动端解决fixed和input获取焦点软键盘弹出影响定位的问题
- 移动端开发,IOS、iPhone,表单input元素获取焦点时页面被放大的解决办法。
- Android安卓WebApp中 全屏和普通模式下 webview中软键盘弹出挡住输入框 解决方案
- EditText的inputType属性详解,让指定的EditText获取焦点并弹出软键盘