Fullpage.js remove # from url

Community resources
1

I’ve built a simple one page full screen coming soon website featuring 2 sections and used full page.js for the functionality.

It’s features an intro animation (page load) when you first land on the page.

no navigation so the user simple scrolls down to a section ( 2 ) then back up to section ( 1 )

Everything works perfectly.

But does anyone know how to remove # from the url when the user scrolls to section(s) ??

instead of hash url for the section like
(example.com / #section2)`

I would like clean URL like

(example.com)

Because the issue I have…

(Scenario)
When user scrolls to section 2 potentially shares the website.

The new user is greeted with section 2
when they first visit the website
(example.com / #section2)

instead of
(example.com)

Any pointers or advice would be greatly appreciated.

PS. I read somewhere about removing data anchors from the Java script to make it work🤷‍♂️

2

Hi @iam-im,
since you did not provide any links to your website i can’t check for myself.
However if I had to guess I would say that the effect you are using is made by utilizing the links and ids and by default the browser will store that information in the url by using # followed by the id.

you can get around this by creating a share button that links to the full url of the page (example.com). or by using another JavaScript tool.