Sorrow
Sorrow•2y ago

✅ – Sorrow – 05-12 Jan 29

Hi, I'm trying to program a navbar that scrolls with the user. This component has buttons that onclick scrolls to a specific section of the webpage. I accomplished this effect by giving by navbar a sticky position property, but how I find that when use the navbar to scroll to a specific part of the website, the scroll isn't perfect, where the navbar covers content. (This is the effect: https://medium.com/how-to-react/scroll-to-an-element-on-click-in-react-js-8424e478bb9) How do I make it so that the navbar scrolls to the correct location where I want it to scroll?
Medium
Solution:
Nvm seems like I need to set a padding-top property to fix this!
Jump to solution
2 Replies
Solution
Sorrow
Sorrow•2y ago
Nvm seems like I need to set a padding-top property to fix this!
reactibot
reactibot•2y ago
This question has an answer! Thank you for helping 😄 If you have a followup question, you may want to reply to this thread so other members know they're related. https://discord.com/channels/102860784329052160/902647189120118794/1069122834711977994 This thread hasn’t had any activity in 12 hours, so it’s now locked. Threads are closed automatically after 12 hours. If you have a followup question, you may want to reply to this thread so other members know they're related. https://discord.com/channels/102860784329052160/902647189120118794/1069122834711977994
More Posts
⛄Snowberb⛄ – 12-54 Jan 27What's a better way to do this instead of nesting 2 loops? ```js for (const template of instrumentTeReact and Fetch Api; Returning reacts index.html File instead of api endpoint?My Fetch Api with react is returning index.html instead of its data is there something with react I ✅ – Cory – 19-42 Jan 25Why does `addEventListener` log twice if I manually pass `e` to the callback, but only logs once if ⛄Snowberb⛄ – 12-30 Jan 25How could I watch all API responses through the app? I need to know when any of the API calls return_mercury – 05-29 Jan 25could i create a middleware ( interceptor) that intercepts all ajax request the page does?VuNguyen – 05-09 Jan 25How this blur effect be done? (YouTube)If you use React, you should be using a React frameworkTweets from acdlite. Whatcha think? https://twitter.com/acdlite/status/1617611126514266112 https://autoimports of react or next in vscodeI've got a nextjs project with framer motion. Every time I want to import react hook I can’t just lxd – 14-14 Jan 23Unable to access state in redux toolkit app✅ – Adi – 11-00 Jan 23[How to secure API routes in Nextjs]