重复并向下和向上滚动

Question

我已经制作了一张桌子，并且我试图添加一项功能，允许用户在向下滚动鼠标时添加更多行，但在向上滚动时也有固定数量的行和vise verse。 我正在使用javascript angular 但现在当我连续向字段添加信息并向下滚动时，行中的所有信息都会消失。 我怎么能向下滚动保存信息。 我的HTML代码：

 <table class="table table-bordered table-responsive col-md-11" ng-mouse-wheel-up="myscrollup()" ng-mouse-wheel-down="myscrolldown()" style="width: 95%">
                <thead >

                <tr context-menu="otherMenuOptions">
                    <th style="background-color: #00aba9" ng-style="colwidth[$index]" ng-repeat="h in head track by $index" >


                        <a style="color:#fff" href="#" ng-click="sortType = 'field{{$index}}'; sortReverse = !sortReverse">
                            {{h}}

                            <span ng-show="sortType == 'field{{$index}}' && !sortReverse" class="fa fa-angle-down"></span>
                            <span ng-show="sortType == 'field{{$index}}' && sortReverse" class="fa fa-angle-up"></span>

                        </a>
                    </th>

                </tr>

                </thead>
                <tbody >
                <tr  ng-repeat="i in getNumber(NOR) track by $index | filter : $index>=RSN">
                <td >  {{$index+1}}</td>
                   <td> <input ng-style="name[$index]" ng-model="test" type="" value=""> </td>
                   <td> <input type="text" value=""> </td>
                   <td> <input type="text" value=""> </td>
                   <td> <input type="text" value=""> </td>
                   <td> <input type="text" value=""> </td>
                   <td> <input type="date" value=""> </td>

                </tr>
                </tbody>
            </table>

和我的职能

$scope.myscrolldown=function(){
        $scope.RSN++;
        $scope.NOR++;
    };
    $scope.myscrollup=function(){
        $scope.RSN--;
    };