Tell me about how to control v-app-bar when printing

[sogakiti]

I have a file with multiple lines of different lengths. My .html and .js read the file and display multiple v-cards using v-for.

When printing from the second page onwards, the top v-card on the each pages are partially hidden by the v-app-bar. In contrast, on the first page of printing, the v-app-bar and the very first v-card appear vertically aligned as expected.

I want the following result.

===== the 1st page =====
"v-app-bar"
  "v-card"s as many as can fit on one page, assume the last v-card is number N. 
===== the 2nd page =====
"v-app-bar"
  "v-card"s as many as can fit on one page start with the "v-card" number N+1
===== the 3rd page =====
 and so on...

But now I have as follows...

===== the 1st page =====
"v-app-bar"
  "v-card"s as many as can fit on one page, assume the last v-card is number N. 
===== the 2nd page =====
"v-app-bar"
  "v-card"s as many as can fit on one page start with the "v-card" number N+1 partially hidden by the "v-app-bar"
===== the 3rd page =====
 and so on...

Please show me how to control v-app-bar when printing.