alvarotrigo/vue-fullpage.js

navigation: true option not working at all!

mozafarfahimi opened this issue · 6 comments

mozafarfahimi commented

I'm using nuxt and registering vue-fullpage in plugins and the main feature (fullpage scrolling) is working but the option navigation: true not working for me.

alvarotrigo commented

Seems to be working fine on the codesandbox provided in the docs:
https://codepen.io/alvarotrigo/pen/zpQmwq

Can you please provide an isolated reproduction in codepen or codesandbox, with no CSS or JS files external to fullPage.js and the minimum amount of HTML code? Use empty sections unless strictly necessary for the reproduction.

mozafarfahimi commented

here is the index.vue file in pages where i want fullpage for my home page
and i've registered full-page component as a plugin in in plugins folder.
the snap scrolling feature and scrollbar: false are just working fine but i can't get the spans for navigation to work!

`


Section 1




Section 2




Section 3




<script> export default { name: "app", data() { return { options: { scrollBar: false, navigation: true, sectionsColor: [ "#41b883", "#ff5f45", "#0798ec", "#fec401", "#1bcee6", "#ee1a59", "#2c3e4f", "#ba5be9", "#b4b8ab" ] } }; } }; </script>`
alvarotrigo commented

I'll wait a codepn or a codesanbox with the reproduction.

alvarotrigo commented

Thanks for pointing that out @MrDWilson ! 👍

alvarotrigo commented

I'll close the issue as it seems it got resolved.