Scrollify
Scrollify copied to clipboard
On touch devices, when section is higher than window height, use normal scrolling
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
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.
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!
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.
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)
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.
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 that already exists: touchScroll
@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!
I agree: the behavior should be the same as on desktop.
@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?
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.
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?
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.
I have this same issue.