离子无限滚动有两列

Question

我遇到了Ionic（1.3.1）和离子无限滚动的问题。 我有两列，一个在右边有一个可变高度，另一个在左边有无限滚动，但两个项目应该同时滚动。 我遇到的问题是，当右列太大时，在这种情况下，我必须向下滚动到页面底部，以便在左侧有更多项目。

<nav md-tab-nav-bar>
  <a md-tab-link
     [routerLink]="['/page1']"
     routerLinkActive #rla="routerLinkActive"
     [active]="rla.isActive">
    Page1
  </a>
  <a md-tab-link
     [routerLink]="['/page2']"
     routerLinkActive #rla="routerLinkActive"
     [active]="rla.isActive">
    Page2
  </a>
</nav>

<router-outlet></router-outlet>

我创建了一个显示问题的codepen：

http://codepen.io/charlieme/pen/ybPBbQ

我的预期结果是同时滚动两个项目，但始终在左侧有项目，而不必滚动到页面底部。

提前致谢。

Answer 1

我为解决这个问题所做的是为右栏中的项目添加一个延迟加载组件，我将这些元素隐藏在视口下方，因此页面底部将始终在屏幕上允许用户使用无限滚动而不滚动右列中的所有项目。