Open amerllica opened 6 years ago
It's likely that when the SectionsContainer adds an event listener for touchmove, it also prevents default:
touchsurface.addEventListener('touchmove', function (e) {
e.preventDefault(); // prevent scrolling when inside DIV
}, false);
This is on line 271 in /dist or 225 in /src in your node_modules/react-fullpage folder.
You can comment-out the line e.preventDefault();
or just remove the event listener entirely. I myself had the same issue, but doing this might introduce other bugs. Still checking on that.
I can not understand why react-fullpage
developer or developers use e.preventDefault()
, I settled my problem with a different solution, I use Hammer.js
touch tracking function and control the horizontal scroll bar.
I'm using pure CSS horizontal carousel in mobile view, Like google mobile version carousel, Just like below image:
But when I use
react-fullpage
, it doesn't work, also when I swipe horizontal then I seenone
in browser console, it means notup
ordown
, and I believereact-fullpage
prevent this action.I think it is a BUG, if not how can I settle my issue?