sticky side-scrolling sub-nav component

[DougTelus]

Problem Statement

• As a customer , when browsing telus.com on a mobile phone I would like to see all of the page section options available to me at all times , so that I can quickly navigate to the section most appropriate to me rather than scrolling.

Recommendation

• Based on todays mobile sub nav component there are 2 functional feature updates being proposed.
• • When scrolled out of the viewport, the sub nav sticks to the top of the viewport
• • Allow the customer 2 modes of navigating the anchor link options. Side scroll - 1 click, open menu ordered list

Design intent

Providing a better mobile experience for customers navigating category pages.

Designs

• InVision link - Mobile XS functional UX / Accessibility
• InVision link - Desktop XL functional UX / Accessibility
• Sketch file - Available in the Invision project assets

Acceptance criteria

This section is intentionally left blank. See story writing process.

User stories

(This section is intentionally left blank. User stories and acceptance criteria go here.)

Example:

Scenario: Displaying the component

Given text is provided
Then the text is displayed as a child
And the text size matches core-text medium

Out of scope

(This section is intentionally left blank. Features or items that were deliberately left out of scope during design intent or may be mistaken as within scope are noted here. Link to related issues if possible.)

Meta

• Willing to design solution: Yes
• Willing to develop solution: No
• Has workaround: Yes
• Do any similar components already exist in TDS (core or community): Yes
• Does this pattern exist already but isn’t a community component? (include url)
• Which teams/applications do you think would use this improvement? Mobility, Home Solutions, Business, MyTELUS
• High impact: Yes (mobile experience)