sidenav固定页脚

Question

我试图在sidenav中添加一个固定的文本区域(侧栏-dir-2)。此文本区域必须始终位于浏览器窗口的底部。我似乎无法做到这一点。每次使用固定定位时，侧边栏-dir-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>

任何帮助都将不胜感激。

Answer 1

据我所知，你想要的东西和这个类似吗？

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

<textarea>Something</textarea>