alvarotrigo/vue-fullpage.js

Sections are jumped over when using menu and anchors with NuxtJS

desirelabs opened this issue · 2 comments

Description

Using menu and anchors options on nuxt makes the navigation and scrolling jump some sections.

In the provided example (see below), clicking on 'services' jumps straight to the 'pictures' section. Scrolling does the same.
A new block appears at the end of sections. Scrolling back from that point jumps over the last real section 'contact'

Link to isolated reproduction with no external CSS / JS

https://codesandbox.io/embed/github/desirelabs/nuxt-with-fullpage/tree/main/?fontsize=14&hidenavigation=1&theme=light

Steps to reproduce it

  1. Following the steps described here
  2. Create a menu with an id and links with href targets, wrapped in data-menuanchor
  3. implement sections as described here

Versions

Chrome 91.0.4472.106
nuxt-fullpage.js 0.0.3
fullpage.js 3.1.2

As pointed out on the fullpage.js documentation as well as on your JS console:

Be careful! data-anchor tags can not have the same value as any ID element on the site (or `NAME element for IE).

Sorry, my bad.