如何手动触发角度ui-scrollfix

时间:2015-04-09 11:48:22

标签: angularjs scroll angular-ui

我会描述我的问题。我正在使用ui-router和2列。在左栏中,我有项目列表,在右栏中,我的ui-view包含项目详细信息。 所以左栏中的基本项目是:

<div class="left-column">
  <div class="list-group">
    <a class="list-group-item" ui-sref="usersdetail({username: user.userName})" ng-repeat="user in users"></a>
  </div>
</div>
<ui-view>
<!-- right column content from state -->
</ui-view>

右栏名片标记来自https://github.com/angular-ui/ui-utils

的指令'ui-scrollfix'
<div class="col-sm-7 bootcards-cards" ui-scrollfix>
  <!--contact details -->
</div>

当我用鼠标滚动时,ui-scrollfix正确设置了类'ui-scrollfix'。当我通过单击左侧项目更改状态时,我的滚动位置不会改变但是“ui-scrollfix”类从右列消失,我必须向上或向下滚动以指示触发器。 所以我尝试在状态改变时手动触发滚动事件,但它没有效果

angular.module('activeContactApp')
.controller('userDetailsController', ['$scope', '$window', function ($scope, $window) {
  angular.element($window).triggerHandler('onScroll');
}

请帮忙。

0 个答案:

没有答案