фиксация положения столбца в angularjs

Question

Я пытаюсь зафиксировать положение div в angularjs (1.5), используя библиотеку macgyver (https://angular-macgyver.github.io/MacGyver/0.3.10/index.html). 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; к стилю.