Javascript 在mobile Safari中显示键盘时防止屏幕向上滚动

Javascript 在mobile Safari中显示键盘时防止屏幕向上滚动,javascript,ios,angularjs,mobile-safari,ios9,Javascript,Ios,Angularjs,Mobile Safari,Ios9,我正在构建一个Angularjs应用程序,它在一个视图的底部有一个 iOS9上的mobile safari出现问题: 聚焦文本区域时,显示软键盘并覆盖视图的下部 当键盘可见时,如何向上滚动页面,使内容(即文本区域)不被覆盖?这里有一种方法可以防止滚动。当您的输入处于焦点时,将溢出:隐藏添加到文档正文 函数到阵列(集合){ 返回Array.prototype.slice.call(collection); } 功能noScroll(事件){ 如果(event.type==='focus'){ d

我正在构建一个Angularjs应用程序,它在一个视图的底部有一个

iOS9上的mobile safari出现问题: 聚焦文本区域时,显示软键盘并覆盖视图的下部


当键盘可见时,如何向上滚动页面,使内容(即文本区域)不被覆盖?

这里有一种方法可以防止滚动。当您的输入处于焦点时,将
溢出:隐藏
添加到文档正文

函数到阵列(集合){
返回Array.prototype.slice.call(collection);
}
功能noScroll(事件){
如果(event.type==='focus'){
document.body.classList.add('no-scroll');
}
else if(event.type==='blur'){
document.body.classList.remove('no-scroll');
}
}
var inputs=toArray(document.querySelectorAll('input');
输入。forEach(函数(输入){
input.addEventListener('focus',noScroll,false);
input.addEventListener('blur',noscoll,false);
});
。无滚动{
溢出:隐藏;

}
非常感谢,我会查看的。