目前我遇到的场景:在input输入框弹出键盘时,ios上fixed定位的btn会被顶起来,Android(这里只测试6.0以上的版本)显示正常。
解决方法:
app.directive('watchIosFixed', function ($timeout) {
return {
restrict: 'EA',
// '='表示双向 值的改变是双向的 '@'表示单向 directive 只能获取父级的值
link: function (scope, ele, arr) {
if (/(iPhone|iPad|iPod|iOS)/i.test(window.navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
$timeout(function() {
document.getElementsByName('money')[1].addEventListener('focus',function(){
document.getElementById('btn').style.position='relative';
});
document.getElementsByName('money')[1].addEventListener('blur',function(){
document.getElementById('btn').style.position='fixed';
});
});
}
}
};
});