即使没有必要也自动滚动 onkeydown答案

【问题标题】：Automatic scroll onkeydown even though it's not necessary即使没有必要也自动滚动 onkeydown
【发布时间】：2019-07-11 15:21:19
【问题描述】：

正如您在下面的 gif 中看到的，我有一个 textarea，下面有一个提示，它显示了当前输入的字符数量和字符限制。当页面上的内容变得如此之高以至于需要滚动时，我遇到了自动滚动到 textarea 的问题。

我希望下面的提示在用户输入时可见。但是，正如您在 gif 中看到的那样，如果我向下滚动以使其可见，一旦我开始输入，它就会自动向上滚动。即使整个 textarea 可见，也会发生这种情况。如果在我开始输入时 textarea 不再可见，则该行为将有意义，但在这种情况下则不可见。

这是 HTML：

<mat-form-field class="mat-text-area" *ngIf="isWritingQuestion" appearance="outline">
          <mat-label>Spørgsmål</mat-label>
          <textarea matInput cdkTextareaAutosize cdkAutosizeMaxRows="10" #textArea></textarea>
          <mat-hint align="end"><span [style.color]="textArea.value.length > 300 ? 'red' : 'unset'">{{textArea.value.length}}</span> / 300</mat-hint>
 </mat-form-field>

如果我从textarea 中删除cdkTextareaAutosize 和cdkAutosizeMaxRows="10"，这不再是问题。但是，我想使用自动调整大小功能，所以我希望有办法解决这个问题。谢谢。

【问题讨论】：

标签： angular angular-cdk

【解决方案1】：

看来我修好了。 textarea 和它所属的 component 在 main 元素内。我必须在main 元素中添加一定大小的margin-bottom（必须为70px 或更大。如果更小，问题仍然存在）。我不知道为什么会修复它。

【讨论】：