angularjs – Ionic2 – 以编程方式滚动离子滚动

前端之家收集整理的这篇文章主要介绍了angularjs – Ionic2 – 以编程方式滚动离子滚动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个页面,其中2个可滚动视图彼此相邻:
<ion-content>
   <ion-scroll></ion-scroll>
   <ion-scroll></ion-scroll>
</ion-content>

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

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

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

如果我没有弄错你正在尝试滚动左滚动条,我看到你有一个名为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

希望能帮助到你.

原文链接:https://www.f2er.com/angularjs/142007.html

猜你在找的Angularjs相关文章