如何设置离子内容滚动的起始 y 位置？

Question

我正在尝试将 ion-content 的滚动位置设置得向下一点，以隐藏此控件开头的一些元素。

我需要一些东西like this

我试过 'start-y="xx"' 属性，但它不起作用。

有什么建议吗？

<ion-content start-y="55">

Answer 1

在 ionic4 中目前没有滚动起始位置的属性。但是，您可以在页面初始化时使用滚动方法，您可以像这样使用它：

.ts

    import { Component, ViewChild } from '@angular/core';
    import {IonContent} from '@ionic/angular';
    @Component({
      selector: 'app-home',
      templateUrl: 'home.page.html',
      styleUrls: ['home.page.scss'],
    })
    export class HomePage {
         @ViewChild(IonContent) theContent: IonContent;


    ngOnInit() {this.theContent.scrollToPoint(0,150).then(()=>{}) }
    }
}

如果您需要任何澄清，请发表评论

如何设置离子内容滚动的起始 y 位置？

How to set start y-position of ion-content scroll?

scroll-position

ionic-framework

angular

ion-content