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