Make navbar opaque when scrolling down

ricardobalk / ricardobalk.nl

My personal website, made with Nuxt 3 (Vue 3), TypeScript & TailwindCSS

https://ricardobalk.nl

ISC License

0 stars 0 forks source link

Closed ricardobalk closed 4 years ago

ricardobalk commented 4 years ago

The navbar is currently fully transparent on the dark version of the website. It conflicts with the text on the page.

Write logic that adds and removes the class page-scrolled-down to the navbar element when scrolling the page.
Write CSS rules for it. Example below.

ricardobalk commented 4 years ago

Fixed, doesn't interfere with 'regular' theme.