问题:输入键盘弹起时会遮盖住底部的内容

解决:增加内容高度,然后页面滚动到底部

<InputItem [content]="'评分'" [type]="'money'" [placeholder]="'满分100分'" formControlName="Score" (onFocus)="scoreFocus()"(onBlur)="scoreBlur()" required>
</InputItem>
<div [ngStyle]="{'height': height}"></div>

 

 

scoreFocus() {
    this.height = '210px';
    // 键盘弹出后-滚动到底部
    setTimeout(() => {
      const container = document.querySelector('.container');
      window.scrollTo(0, container.scrollHeight);
    });
  }
  scoreBlur() {
    this.height = '64px';
  }

 

posted on 2023-01-07 12:13  哈哈哈~_~  阅读(138)  评论(0)    收藏  举报