Angular 1.6.5 Template

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.js"></script>
<script src="https://cdn.jsdelivr.net/npm/angular-vs-repeat@2.0.9/dist/angular-vs-repeat.js"></script>
<div ng-app="testApp" ng-controller="testController as $ctrl">
  Click me: <button ng-click="$ctrl.broadcastResize()">broadcast resize</button>, then scroll.

  <table>
    <tbody vs-repeat="{scrollParent: 'window', debug: true}">
      <tr ng-repeat="x in $ctrl.list">
        <td>
          {{ x.id }}
        </td>
      </tr>
    </tbody>
  </table>
</div>

JavaScript

var app = angular.module('testApp', ['vs-repeat']);

app.controller('testController', function($scope) {
  var $ctrl = this;
  createList();

  $ctrl.broadcastResize = function() {
    $scope.$broadcast("vsRepeatResize");
  };


  function createList() {
    $ctrl.list = [];

    for (var i = 0; i < 5000; i++) {
      $ctrl.list.push({
        'id': i
      });
    }
  }

});