search

PrimeDAO / prime-deals-dapp

DAO to DAO negotiations facilitated, ratified, and archived.
https://www.prime.xyz/deals
3 stars 1 forks source link

Documentation: anchor links are scrolling behind the fixed header #973

Open ogsamovar opened 2 years ago

ogsamovar commented 2 years ago

I noticed that anchor links are scrolling behind the fixed header: see screencast below:

https://user-images.githubusercontent.com/99011533/167464021-d96c0925-7b59-4b5e-a200-0217e21fc70f.mp4

You can test it here https://prime-deals-staging.vercel.app/documentation/CreateaPartneredDeal by using the link at the text:

You can follow the example of a Partnered Deal linked here as a template for your deal. TEST STICKY HEADER SCROLL SETUP

Potential solution https://getpublii.com/blog/one-line-css-solution-to-prevent-anchor-links-from-scrolling-behind-a-sticky-header.html

ogsamovar commented 2 years ago

when I click to a link to a bookmark in a website that has a sticky header like we do, this normally happens:

When a link to a bookmark is clicked, The page will scroll to position the bookmark at the very top of the viewport, meaning that the section title and perhaps even part of the content will be obscured by the fixed menu.

there's a workaround here https://getpublii.com/blog/one-line-css-solution-to-prevent-anchor-links-from-scrolling-behind-a-sticky-header.html