Question

我正在尝试在sidenav中添加固定的textarea（sidebar-dir-2）。此textarea必须始终位于浏览器窗口的底部。我似乎无法做到这一点。每次我使用固定定位时，sidebar-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>

在sidenav固定页脚

1 个答案: