Fixieren einer Spaltenposition in angularjs

Question

Ich versuche, die Position von div in angularjs (1.5) mit einer Bibliothek namens Macgyver (https://angular-macgyver.github.io/MacGyver/0.3.10/index.html) zu beheben. Das div id="reportOption" bleibt in der festen Position während div id="reports" scrollt nach unten. Aber was passiert, ist, dass div id="reports" endet links auf der Seite beim Scrollen und überlappt div id="reportOption" ... irgendeine Idee, warum dies passieren könnte?

<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> 

Ich versuchte, einen Plunker zu machen dies zu zeigen, konnte aber die Plunker arbeiten nicht bekommen ... https://plnkr.co/edit/7Sw9P1iZ6cqNLSURPqC5?p=preview

ich auf andere Weise auch offen bin dies zu tun ...

Answer 1

Nicht sicher, was Sie wollen, aber ein Div zu reparieren, können Sie immer hinzufügen: position: fixed; zu stylen.