Fullpage.js how can I link to another html page with <a> element in section

Question

I want to use fullpage.js scrolling effects for my index page. It is easy to setup everything.

But as usual I have a problem to understand how can I link to another html page using fullpage.js?

For example, I want to create an a element who links to another html page <a href="people.html"><img class="responsive-img" data-src="css/images/header_image.jpg"></a> ?

Do I need to destroy all fullpagejs elements/functionality? like this? or it isn't even possible to do something like that?

Answer 1

If you are not using any kind of ajax technique to load the new page (people.html), then you don't need to do anything special.

If you want to have fullPage.js in people.html , then just initialize fullPage.js again in that page as you did in your main page.

An example of this can be seen in the fullPage.js demo page , where it has links to plenty of examples also using fullPage.js.