css - 固定angularjs中的列位置

Question

我正在尝试使用名为 macgyver ( https://angular-macgyver.github.io/MacGyver/0.3.10/index.html ) 的库在 angularjs (1.5) 中修复 div 的位置。 div id="reportOption" 保持在固定位置，而 div id="reports" 向下滚动。但是发生的事情是 div id="reports" 在滚动时最终在页面上向左移动并与 div id="reportOption" 重叠......知道为什么会这样可能会发生什么？

<div class="row">
    <h1 align="center">Reports</h1>

</div>
<div class="row ">
        <div id="reportOption" class="col-md-2" style="border:1pt solid black" mac-affix >
            <br><br><br><br>this should be fixed
        </div>

        <div id="reports" class="col-md-10">
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
                      <br>1
        </div>
</div>

我试图制作一个 plunker 来展示这一点，但无法让 plunker 工作... https://plnkr.co/edit/7Sw9P1iZ6cqNLSURPqC5?p=preview

我也对其他方式持开放态度...

Answer 1

不确定你想要什么，但要修复一个 div，你总是可以添加:position: fixed; 到样式。