ionic3 解决android 软键盘遮挡输入框问题

特别声明：原创文章，禁止转载。

1.安装scroll-into-view-if-needed

npm i scroll-into-view-if-needed

 

2.封装指令

import { Directive, ElementRef, HostListener } from "@angular/core";
import scrollIntoView from 'scroll-into-view-if-needed'

@Directive({
    selector: '[scrollInput]'
})
export class ScrollInputDirective {

    constructor(private ele: ElementRef) {
    }

    @HostListener('ionFocus') inputFocusNow() {
        setTimeout(() => {
            scrollIntoView(this.ele.nativeElement, {
                scrollMode: 'if-needed',
                block: 'nearest',
                inline: 'nearest',
            })
        }, 250);
    };

}