Fullpage.js: Pinch Zoom on mobile devices

[Ghostflasher]

Is there any possibility to get pinch zoom working witch this?

[alvarotrigo]

fullPage.js doesn't provide such as feature, but you can check this topic, it might help.

[junghoon-lee]

@alvarotrigo
Hi. I really love your art. this should be called as an art. .. I'm not at all related to this field, by which I meant codings, programmings. I'm not even a designer, I 'm just a painter.

I love your script, and used it for my website. with pagepiling.js, but since it doesn't support for the mobile to scroll on long section i was looking for a solution. and then, now I found this fullpage.js that has the scrollable feature working perfectly.

I found that, that pinch thing works totally fine on "normal scroll demo".
and I found fullpage's feature that automatically moves the section to fit on the screen after a few seconds.

So I think , if I could setup that 'a few seconds' like 0.1 millie secs, and then make that 'fitting-to-the screen-feature' to active immediately after touch fingers are off the screen.

I imagine this would, work pretty much like non-normal-scroll-demo pages, but I can still use the pinch zoom, and double finger events...

(hope what I'm saying is understandable. english is as hard as html things.)

[f0rmat1k]

@alvarotrigo Maybe if scale > 1 just turn swipe off? Because you can zoom by double tap, but then can't comfortably view the slide.

[alvarotrigo]

Maybe if scale > 1 just turn swipe off? Because you can zoom by double tap, but then can't comfortably view the slide.

Yep, sounds like an option. I'll see if its doable.

[waissbluth]

@alvarotrigo did you ever try this?

[alvarotrigo]

@waissbluth the topic still open. So no. I personally don't think a site should need pinch and zoom. That's not a real responsive site.
I always recommend making use of the responsive options in the plugin such as:

• responsiveWidth
• responsiveHeight
• fp-auto-height-responsive
• responsiveSlides

[simonemasoni]

In a responsive site zoom should allowed for a couple of reasons listed here:

https://ux.stackexchange.com/questions/37511/should-users-be-able-to-zoom-in-a-responsive-webdesign

I tried the solution linked at the topic above but it doesn't work. Any chance to have it working?

[alvarotrigo]

In a responsive site zoom should allowed for a couple of reasons listed here:

That's already possible in the responsive mode. When using the responsiveWidth or responsiveHeight options.

Check this example on mobile.

That's only possible when using autoScrolling:false. If you have a proper solution for it when using autoScrolling:true please let me know :) I'll be open to suggestions.

[gdenisov]

@alvarotrigo I think there might be some value in not overriding touch events if they involve more than one point so that native browser zoom can work. The issue I've been struggling with is the situation where one:
1) zooms in on a regular page that has nothing to do with the plugin
2) clicks a link that takes them to the fullPage.js page in the same app (a react app, so no window reload)
3) now the user has no way to zoom out to see all of the fullPage.js page as the multitouch zoom is hijacked

[alvarotrigo]

@gdenisov that's a good point indeed.
I'll try to look for a solution in the next release, but if you want to provide some pull request I'll be more than happy to check it out!