ng-infinite-scroll с ng-show и липкими состояниями

Я новичок в угловом. В моем одностраничном веб-приложении у меня есть две вкладки с ng-infinite-scroll в каждой из них. Две вкладки перемещаются между ними с помощью навигационной панели,

    <div ng-show="$state.includes('base.videolist')||$state.includes('base.movielist')  ">
<ul class="nav navbar-fixed-top roboto nav-tabs">
   <li ui-sref="base.videolist" ui-sref-active="active"><a>Videos</a></li>
   <li ui-sref="base.movielist" ui-sref-active="active"><a>Movies</a></li>
</ul>
</div>

и каждая вкладка находится в двух представлениях пользовательского интерфейса, как показано ниже.

<div id="bvl" ui-view="videolist" ng-show="$state.includes('base.videolist')"></div>
<div id="bml" ui-view="movielist" ng-show="$state.includes('base.movielist')"></div>

При использовании ng-show высота скрытого div устанавливается равной 0 с помощью angular. тем самым запуская бесконечную прокрутку бесконечно.

Я не хочу использовать ng-if, потому что хочу сохранить состояние прокрутки списков.

Как справиться с этим?

PS. я использую липкие состояния для обоих списков, чтобы поддерживать состояния между основным подробным представлением элементов списка.