[Enhancement] Public scroll interaction and events on kirby-page

[x] I have written a good issue

Describe the enhancement

Public scroll interaction and events on kirby-page

Describe the solution you'd like

Team-3 needs the option to listen for scrollY events and have a scrollTo() like callback function (like the native document and element .scrollTo() and .scrollY api), that enables programmatically scrolling in the kirby-page to a specific point.

Specifically our needs revolves around the kirby-tab-bar coupled with a ng-switch in the kirby-page-content and the ability to remember scroll positions when switching content (switching tabs). But instead of solving this issue locally, we believe it would be more beneficial if this was addressed by Kirby.

Have you considered any alternatives?

I am not aware of any viable long term solution to our needs right now.

Are there any additional context?

Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Refinement

[ ] Request that the issue is UX refined; do not proceed until this is done.
[ ] Request that the issue is tech refined; do not proceed until this is done.

Implementation

The contributor who wants to implement this issue should:

[ ] Make sure you have read: "Before you get coding".
[ ] Signal to others you are working on the issue by assigning yourself.
[ ] Create a branch from the develop branch following our branch naming convention.
[ ] Publish a WIP implementation to Github as a draft PR and ask for feedback.
[ ] Make sure you have implemented tests following the guidelines in: "The good: Test".
[ ] Update the cookbook with examples and showcases.

Review

Once the issue has been implemented and is ready for review:

[ ] Do a self-review.
[ ] Create a pull-request. If you created a draft PR during implementation you can just mark that as "ready for review".

kirbydesign / designsystem