I’m trying to get an one-page layout for my website (http://clinicalfinishtraining.com). Although, there are pages such as ‘My Account’ and the cart/checkout that’ll be separate.
I’m using span ID’s (eg. #aboutus) to navigate to the pages. However, when you click on the menu topbar, it scrolls up to the part of the page correctly, but it seems to re-load the page? I don’t want it to re-load, I would love it to seemingly flow by scrolling to the next page. But please bare in mind that I will have the cart and checkout pages separately so the navigation bar on these pages must be able to go to an exact heading.
Not sure how to do this, I’m open to a new method of doing so. Just would love:
The homepage to be a easy, scroll look with no re-loading
Other pages (eg. cart, my account and checkout) navigation bars to link to exact headings on the homepage