cds-snc
feat: Side navigation - make sticky and "on this page"
Prerequisites | Prérequis
- [x] I've read the Contributing Guidelines. | J’ai lu les Lignes directrices sur les contributions.
- [x] I agree to follow the Code of Conduct. | J’accepte de me conformer au Code de conduite.
- [x] I've searched for existing issues that already report this problem, without success. | J’ai vérifié parmi les tickets (issues) existants que ce sujet n’avait pas déjà été soumis.
Describe the feature request. | Décrivez la fonctionnalité demandée
Making the side navigation sticky so it stays visible as the user scrolls through the page?
Add "On this page" as a sub-category on Side Nav OR adding a “^ to top” link or a sticky component for pages using the “On this page”
Describe the use case. | Décrivez les cas d’utilisation
“On this page” navigation is common on government websites. For websites with "on this page"
Describe the preferred solution. | Décrivez la solution souhaitée
Making the side navigation sticky so it stays visible as the user scrolls through the page?
Add "On this page" as a sub-category on Side Nav OR adding a “^ to top” link or a sticky component for pages using the “On this page”
Describe all alternatives. | Décrivez toutes les solutions possibles
No response
Provide related code or examples. | Fournissez du code ou des exemples pertinents
rough mockup of the help pages Figma Prototype
Add other relevant resources. | Ajoutez toute autre ressource utile
No response
@brockhigg10 do you have an example of a side-nav that has the "On this page" as a sub-category that we could take a look at?
@brockhigg10 When we released CSS Shortcuts, we also updated the website to have a sidenav which scrolls then sticks. It uses a few CSS shortcuts like position:sticky
