Accessing a parent's view element

I have a component my_component with a ion-content, which im using inside one of my pages my_page, which also has another ion-content.

Because I need to do some manual handling of the scrolling, I need to be able to access the ion-content element of my_page from the component (that is, from my_component.ts).

Is there a way of doing this?

Thanks!

//--------------- my_component.html
<ion-content>
    ...
</ion-content>
//--------------- my_page.html

<ion-content>
    ...
    <my_component></my_component>
    ...
</ion-content>
//--------------- my_component.ts

export class MyComponent {

    // Here, I need a ref to my_page <ion-content>
    @ViewChild(Content) content: Content;
    
    constructor() { ... }
}

Hello, you can only manipulate direct data on the child component, in order to manipulate the content of the parent component, you need to handle events that the child envies the father.

//--------------- my_page.html

<ion-content>
    ...
    <my_component (myAction)="functionToAction($event)"></my_component>
    ...
</ion-content>

Ts myPage

//--------------- my_page.ts
functionToAction(event){
//write you comand.
}

You MyComponent

import { Component, OnInit, Output, EventEmitter } from '@angular/core';
export class MyComponentFather {

    // Here, evento to you " my_page <ion-content>"
  @Output() myAction: EventEmitter<any> = new EventEmitter<any>();
   
    
    constructor() { ... }


  sendActionTomy_page(){
    this.myAction.emit(data)
  }
}

https://angular.io/guide/component-interaction

A service with BehaviorSubject too?