Skip to content

Website: Left navigation scroll implementation#3749

Merged
dzearing merged 30 commits into
microsoft:masterfrom
lynamemi:left-nav-scroll
Jan 20, 2018
Merged

Website: Left navigation scroll implementation#3749
dzearing merged 30 commits into
microsoft:masterfrom
lynamemi:left-nav-scroll

Conversation

@lynamemi

Copy link
Copy Markdown
Collaborator

Pull request checklist

Description of changes

  • Left nav now scrolls independently of the rest of the page
  • Left nav sticks to the top of the page on page scroll, like the sticky header (some of this code is now shared)
  • Refactored some website layout to accommodate the change and the UHF
  • Wrapped the left nav and header in a FocusZone for better keyboard navigation

After:
(note that the GetStarted page is used here as an example in place of a component page because of nuances of the testing environment)
website scroll

Focus areas to test

(optional)

@lynamemi lynamemi requested a review from Jahnp January 19, 2018 16:54

@betrue-final-final betrue-final-final left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I would consider using an on-demand scroll bar. I know that @mikewheaton had some issues about discoverability, but If the content is all the way down the window, and they don't see what they want, the usual case is they tend to move their cursor down there, which would invoke the scroll bar.

@dzearing dzearing merged commit a9d0f70 into microsoft:master Jan 20, 2018
@microsoft microsoft locked as resolved and limited conversation to collaborators Aug 31, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Pin the left menu when scroll the main content

4 participants