Html sidenav中的固定页脚

我试图在侧导航中添加一个固定的textareasidebar-dir-2。此文本区域必须始终位于浏览器窗口的底部。我似乎无法做到这一点。每次我使用固定定位时，边栏-DI-2被设置到浏览器屏幕的底部，但是当我滚动时，它会停留在屏幕中间。这是我的HTML：

<div style="display:flex;flex-direction: column; flex-wrap: nowrap">
     <md-toolbar class="md-blue-grey" >
          <h1 class="md-toolbar-tools">
               <span>Sidebar</span>
          </h1>
     </md-toolbar>

     <sidebar-dir-1></sidebar-dir-1>


</div>
<sidebar-dir-2 style="position: fixed; bottom: 0"></sidebar-dir-2>

---

任何帮助都将不胜感激。

据我所知，您想要的是类似的吗

   <style>
        textarea{
            position: fixed;
            bottom: 0px;
            left: 50%;
        }
        </style>

---

是的，这就是我想要达到的目标。问题是侧边栏是可滚动的。但当我滚动时，侧边栏-dir-2会停留在页面中间。当我滚动时，我希望它能粘在底部。@BobDoleForPresident好吧，我正在运行这个，它工作正常。您提供的代码没有问题

<textarea>Something</textarea>