Question

我有一个页面，其中有两个可滚动的视图彼此相邻：

1) Checked Exception (Compile Time Exception)
2) Unchecked Exception (Runtime Exception)

我想以编程方式滚动第一个，但似乎scrollTo只是一个离子内容的方法（我当然不能滚动，我需要第二个独立）

有什么方法可以解决这个问题吗？

更新：添加a plnkr以显示我需要的内容

Answer 1

如果我没弄错，你试图滚动左滚动条，我发现你有一个名为leftCats的视图选择器。

因此，如果您只更改一行，则可以滚动。以下是我的代码：

注意：这只是简单的javascript。它跳转到滚动位置。如果您愿意，可以应用动画。

import {Component, ViewChild} from '@angular/core';

@Component({
  templateUrl:"home.html"
})
export class HomePage implements AfterViewChecked {

  @ViewChild('content') content;
  @ViewChild('leftCats') leftItems;

  constructor() {

    }

    scroll() {
      //I want to scroll the left pane here
      console.log('scroll');

      this.leftItems.scrollElement.scrollTop += 50; // Change This Line
    }

}

我也在这里分叉：DEMO

希望它有所帮助。

Ionic2 - 以编程方式滚动离子滚动

1 个答案: