Question

我下方有一个textarea和一个submit按钮。现在，当我展开textarea以使其进入页面底部并且提交按钮消失时。

除非我最小化页面内容，否则我无法向下滚动提交按钮。

页面卡在顶部。如何在展开textarea时使页面可滚动？

编辑：当前代码：

<form method="post">
    <div>
        <input type="text" name="title" placeholder = "title" value="{{title}}">
    </div>
    <br>
    <div>
        <textarea type="text" name="note" class = "textarea" placeholder = "note" value="{{note}}"cols="50" rows="10"></textarea>
    </div>
    <br>
    </div>
    <div><input type="submit" class = "button"value="okay"></div>
    <br>
    <div class = "stat">{{stat}}</div>
</form>

Answer 1

我有

overflow:hidden;

我改为

overflow:scroll;

这就解决了。

Answer 2

当你展开textarea时，你的DIV css看起来应该是这样的。

div{
  height: 100px;
  overflow-y: auto;
}

由于

如何使用扩展的textarea使页面可滚动

2 个答案: