Vue plugins are difficult to use in TS-based projects without type definitions. I'll write and PR.
how to use it with vue-ssr not nuxt?
I'm currently using transitions between routes in Vue/Nuxt, and the leaving component containing a Fullpage.js subcomponent is destroyed before my leave transition completes. This causes all styles to be removed from fullpage component whilst still visible, and looks bad.
Is there the ability to override the fullpage destroy call in the components lifecycle method, and manually call it after the leave transition is complete?
I have html structured like so
visible at this url
[my portfolio site] (https://akinhwan.github.io/#3)
scrolling doesn't appear to work over this section, either on desktop or mobile.
scrolling only appears to work when cursor is not intersecting with the div class "fp-tableCell"
I thought it may be because of the z-index, but that didn't work either.
I am using vue-fullpage.js as a navigation component, so it's the same on the whole site.
I would like to know if it's possible to programmatically disable the scroll listener on a certain page, without destroying the fullpage component, and reactivate in another page ?
On sites build with vue js you can only use touch device's swipe-navigation on first route. If you change the route (via vue-router), no touch events are working anymore. - Normal section switching per buttons is still working correctly. On non-touch devices everything is working fine (except on IE/Edge, but that's another issue). You can try it on iOS or in your desktop browser with activated/emulated touch.
### Steps to reproduce it
- [x] create vue js project with vue router and vue jullpage js
- [x] create router-view and some components to switch between per router-view
- [x] components have multiple other components/divs, wrapped by fullpage
- [x] there is only one fullpage working at the same time, due to no keep-alive
It seems, the touch-events/listeners were not correctly destroyed on route-change?
Tested on FF-DevEd 64.0b2, Safari 12.0 (Both MacOS 10.13.6),
iPad 5 (iOS 11.1) & 6 (iOS 12), LG V20, Kindle Fire, Samsung Tab (div. Android)
Just tried vue-fullpage.js today but it took a bit of looking around to figure out the setup instructions. i thought these instructions would make it easier for any other new person wanting to set it up
The callbacks were being overridden when creating the jQuery instance of fullpage. Prioritising the options object over the events object solves the issue - hope this helps!