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

发布时间：2020-12-17 07:26:45 所属栏目：安全来源：网络整理

导读：我有一个页面,其中2个可滚动视图彼此相邻： ion-content ion-scroll/ion-scroll ion-scroll/ion-scroll/ion-content 我想以编程方式滚动第一个,但似乎scrollTo只是一个离子内容的方法(我当然不能滚动,我需要第二个独立) 有什么方法可以解决这个问题吗？更新

我有一个页面,其中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

希望能帮助到你.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!