Developer Docs - Mobile Docs - Page Anchors

M v7.0

Overview

Page Anchors allow navigation directly to specific elements on a new page during page navigation. This feature enhances user experience by allowing deep linking into a specific part of a new page immediately upon navigation.

Example

This example includes:

Upon navigation, the page will automatically scroll to the element named test.

Defining Anchor Targets

To define a scrollable target on your page, set the x:Name attribute on the element you want to anchor to.

Example:

In this example, the element named test will be the target for the anchor scroll.

Advanced Example

You can specify anchor scrolling options using PushPageParameters and AnchorScrollParameters.

AnchorScrollParameters Property

Position Options: