软键盘挡住输入框，然后输入文件，view层往上弹，然后滑动滑不下来

Question

蓝色内容在红色的键盘内，然后在键盘输入内容的时候，紫色的view层就向上弹起，输入完内容后，view层就滑动滑不下来了，这是为什么呢？？有朋友遇到过这个问题吗，使用ionic + angular 技术； 紫色为ion-content层

Answer 1

不知道这个能不能解决你的疑惑 http://blog.csdn.net/zhy42120...

Answer 2

针对于你的问题我之前也遇到过孩总结了写了一个blog 对你应该有很大的帮助http://www.jianshu.com/p/3f93...

Answer 3

试试这个方法，
用js解决

$("textarea").on("click",function(){
var target=this;
setTimeout(function(){
target.scrollIntoView(true);
target.scrollIntoViewIfNeeded();
},200);

});

//解决第三方软键盘唤起时底部input输入框被遮挡问题

var bfscrolltop = document.body.scrollTop;//获取软键盘唤起前浏览器滚动部分的高度
$("input.inputframe").focus(function(){//在这里‘input.inputframe’是我的底部输入栏的输入框，当它获取焦点时触发事件
    interval = setInterval(function(){//设置一个计时器，时间设置与软键盘弹出所需时间相近
    document.body.scrollTop = document.body.scrollHeight;//获取焦点后将浏览器内所有内容高度赋给浏览器滚动部分高度
    },100)
}).blur(function(){//设定输入框失去焦点时的事件
    clearInterval(interval);//清除计时器
    document.body.scrollTop = bfscrolltop;将软键盘唤起前的浏览器滚动部分高度重新赋给改变后的高度
});