Title: Navigation Bar Alignment

MoebusChris / portfolio-skeleton-ver

This is my portfolio website built with skeleton UI.

https://portfolio-skeleton-ver.vercel.app

0 stars 0 forks source link

Open MoebusChris opened 1 year ago

MoebusChris commented 1 year ago

There is a tiny horizontal depreciation on the page caused by scroll bar.

Troubleshoot
1. Make navigation bar a page-header
2. Make navigation bar slide down on scroll

MoebusChris commented 1 year ago

I found out the reason why the layout malfunction. It is because the scroll bar occupy a small space and push the page to the back.

I tried to fix it with scroll gutter, but unfortunately, it didn't work out.

I checked the Skeleton UI in discord. Dev said they will fix the bug on next patch.

Next step: I will wait until the next patch, or make AppBar a page-header and when users scroll down the page, AppBar slide down.