我正在尝试使用名为 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
我也对其他方式持开放态度...
最佳答案
不确定你想要什么,但要修复一个 div,你总是可以添加:position: fixed;
到样式。
关于css - 固定angularjs中的列位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41252064/