如何制作div滚动而不必将鼠标悬停在该div上？

Question

我正在开发一个单页网站。在第二页中，我有一个可滚动的div。但只有当我把鼠标放在它上面时，div才能滚动。我想要一直滚动。当div完成滚动时，我希望页面继续滚动。

我使用angular来做到这一点，这是我的代码：

<style>
.element::-webkit-scrollbar { width: 0 !important }
</style>

<div class="text-center element" vs-repeat="250" style="height:200px; width:100%; overflow:auto;">
      <div ng-repeat="chat in chats" class="item">
           <h3 class="media-heading">{{chat.todo}}</h3>
      </div>

</div>

这是我的职责：

  $scope.scrollPos = 0;

        $window.onscroll = function(){
            $scope.scrollPos = document.body.scrollTop || document.documentElement.scrollTop || 0;
            $scope.$apply();
  }

}])