Lock svg page from moving when swiping finger?

[4IsDesign]

I am creating a watchface with a schedule page populated by a Tile List.  Everything works but the Tile List is really hard to scroll because every time I try and scroll down in the list or drag my finger upward it is trying to move the entire screen to the Fitbit's build in Core Stats page listing your current steps, hourly steps, weather, floors, distance, calories, AZM...

Is there a way to block that from happening only on the schedule page?  From the watchface I would like to still be able to access that built in Core Stas list. This link is what I am using View Components Guide (fitbit.com)

Is there something I can add here

  <use href="#my-item">
      <set href="#text" attributeName="text-buffer" to="Text Item 10" />
    </use>
    <use href="#my-footer">
      <set href="#text" attributeName="text-buffer" to="FOOTER" />
    </use>
  </use>
</svg>

to make the scroll perform as desired?

[Guy_]

Hi @4IsDesign - try making it as an app, you have greater control.

[Gondwana2]

(See below.)

[Gondwana]

I wrote a calendar clockface and had the same issue. I basically wrote my own tile list, which responds to touches rather than swipes. It's less intuitive to use, and probably wasn't worth the effort!

I wonder if touches could be used to control Fitbit's tile-list by adjusting the latter's value property.