fullPage.js icon indicating copy to clipboard operation
fullPage.js copied to clipboard

Question: Ignoring sections with navigation

Open jdspeyer opened this issue 3 years ago • 4 comments

Question: Is it possible to have the integrated navigation dots "ignore" certain sections?

Example: Building a website with 5 sections. Can I make it so section 2 does not receive a navigation dot but sections 1, 3, 4, and 5 do? Or would I have to build my own navigation bar for this sort of functionality?

Thanks in advance!

jdspeyer avatar Oct 22 '21 03:10 jdspeyer

Unfortunately not something that fullPage.js provides out of the box.

What's the use case for this anyways?

alvarotrigo avatar Oct 22 '21 09:10 alvarotrigo

Thanks for the response!

I was creating a portfolio website where I did not necessarily want each section to receive a navigation dot. As in I had an "About Me" section which is where I wanted the navigation dot to travel to followed by two sections after it that elaborate on the "About Me" that don't really need navigation dots.

jdspeyer avatar Oct 22 '21 15:10 jdspeyer

This will hide them.

#fp-nav li:nth-of-type(1) {
  display: none;
}

impshum avatar Apr 08 '22 02:04 impshum

This will hide them.

This will hide the navigation bullets. Not the section itself. The section will still be present and fullPage.js will scroll to it. (This will soon be fixed in v4)

alvarotrigo avatar Apr 08 '22 10:04 alvarotrigo