Scrollify icon indicating copy to clipboard operation
Scrollify copied to clipboard

On touch devices, when section is higher than window height, use normal scrolling

Open kdorion opened this issue 8 years ago • 14 comments

On desktop, when you scroll inside a section higher than window height, it lets you scroll normally.

On touch devices, the scroll is not natural and jumps to a lower position inside that section. Is it possible to scroll normally inside a section on touch devices just like desktop?

Thanks

kdorion avatar Jul 15 '16 15:07 kdorion

On touch devices Scrollify treats large sections as collections of viewport sized segments. It snaps to these as you scroll, as it does with the actual sections. This is the intended behaviour of Scrollify, but if it doesn't work for you it may be best to disabled Scrollify on touch devices.

lukehaas avatar Jul 15 '16 17:07 lukehaas

The problem that I encountered with this is that If I have a fixed navigation at the top or bottom, part of the content becomes hidden behind it without being able to see it between the scrolls. If I could at least prevent this from happening, I would keep scrollify on on touch devices :)

Thanks!

kdorion avatar Jul 15 '16 17:07 kdorion

Understood. I'll keep this in mind when I do the next round of updates and possibly introduce an option for changing this behaviour. Thanks for raising it.

lukehaas avatar Jul 15 '16 17:07 lukehaas

Would that be possible to define the size of the items (now they are 100vh), could be nice to have the option to overwrite it, one could then set it to a low value to have an almost natural scroll).

Something like a new option called "overflowScrollPitch" (set as default to 100vh)

Memes11 avatar Nov 28 '16 05:11 Memes11

I would also highly appreciate such change/option. I have similar issue that on my website with images visitors can often only see the first or second half of an image but never are able to scroll the view in a way to have the whole image in the view.

MiladSadinam avatar Dec 01 '16 15:12 MiladSadinam

I have the exact same problem as @kdorion , but it's not an option to disable scrollify on touch devices. An option for disabling the default scollify scroll behaviour on touch devices, would be perfect.

@kdorion his quote:

The problem that I encountered with this is that If I have a fixed navigation at the top or bottom, part of the content becomes hidden behind it without being able to see it between the scrolls.

rutgerikoon avatar Dec 19 '16 10:12 rutgerikoon

@rutgerikoon that already exists: touchScroll

lukehaas avatar Dec 19 '16 10:12 lukehaas

@lukehaas I already tried this option, but I was trying this with on older version so it didn't work. But this option is meant to disable the scroll on touch completely. I was looking for something that didn't kill the scrolljack, but that was scrolling normal if the content is larger then the screen/section.

Anyway, I guess this will do for now. Thanks for the reply!

rutgerikoon avatar Dec 19 '16 11:12 rutgerikoon

I agree: the behavior should be the same as on desktop.

freder avatar Jan 14 '17 12:01 freder

@lukehaas i'd like to piggyback a bit on this. Is there a way to disable scrollify when users reach a section and enable when users scroll past or out of that section?

peterlunglum avatar Jul 30 '17 01:07 peterlunglum

same problem that Kdorion and MiladSadinam, a navigation fixed at the top prevents to see all the contents and the images are cut on mobile, because of the behavior on the large sections (collections of viewport). It would be nice to have the same behavior as on desktop for large sections. Great Plugin anymay.

YuccaV2 avatar May 08 '18 07:05 YuccaV2

I just ran into a similar issue building a site specifically for a tablet so disabling touchSupport is not an option. Any updates on the enhancement status @lukehaas?

Also @kdorion did you ever find a work around?

rjcdr avatar Jun 20 '18 20:06 rjcdr

Same issue here, I'm finding that if I set touchSupport to false then none of the events fire as I scroll, which is a pretty big bummer.

AdamPflug avatar Jul 10 '18 18:07 AdamPflug

I have this same issue.

AzorAhai994 avatar Jul 21 '18 01:07 AzorAhai994