Sections are jumped over when using menu and anchors with NuxtJS
desirelabs opened this issue · 2 comments
desirelabs commented
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
Steps to reproduce it
- Following the steps described here
- Create a menu with an id and links with
href
targets, wrapped indata-menuanchor
- implement sections as described here
Versions
Chrome 91.0.4472.106
nuxt-fullpage.js 0.0.3
fullpage.js 3.1.2
alvarotrigo commented
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 anyID
element on the site (or `NAME element for IE).
desirelabs commented
Sorry, my bad.