CSS media query for printing scrollable content

Ionic Framework ionic-v3
10

I managed the problem with this code at app.css:

@media print{
  ion-header{ display: none !important; }  

  body, .app-root, .split-pane, .ion-page, ion-app, ion-nav { contain: none; }
  body, ion-nav{ overflow: initial; }
  body{ position: static; }

  [ion-content-print]{ overflow-y: visible !important; position: relative; }
}

and this template at my component:

<ion-header> ... </ion-header>
<section ion-content-print>
my printable content here
</section>