Issue with touch scrolling.

[vladimircordas]

I'm having an issue with scrollify, the website is jumping up/down and scrollify is breaking down when using touch simulation on desktop while in inspector / responsive mode, if i scroll using mousewheel it works like a charm.

Website got 6 sections/pages, all are 100vh in desktop view, but the 5th page is aprox 1.5x height of window height for mobile devices. If i set scrollbars to false the issue dissapears, but in that case scrollify won't let me use normal scroll on the 5th section/page, it just jumps straight to the last, 6th section.

Same thing is happening on mobile devices. Tested on iphone 6s, samsung galaxy a5 2017, samsung galaxy s3 neo+, sony xperia m4 aqua and Lenovo K10.

[lukehaas]

Are you seeing the same issue on the demo site?

[vladimircordas]

I do see the same issue on demo site, on Samsung galaxy a5 2017 android 6 chrome 59.0.3071.125 and iPhone 6s safari.

The thing is, I can avoid it because the problem occurs when there is a scroll bar present on the page.

I could record the issue ( both on demo page and on my project ) when I get home if you want to investigate the issue.

Regards, Vladimir

[markvanlan]

@lukehaas I am working on a site using scrollify right now, and on my Nextbit Robin, your example website and mine both jump around like crazy and don't snap to the correct spots. My co-worker's iPhone doesn't have any issue. I am using the newest updated Chrome for android.

[lukehaas]

Probably best to disable touchScroll till I can look into and resolve the issue.

[markvanlan]

@lukehaas Thanks a lot! Scrollify is awesome. Thanks for all your work.

[fkraefft]

Same problem here. I've found that adding touch-action: none to the body solve the problem in some cases, but not always.

[lukehaas]

@fkraefft which device are you using?

[fkraefft]

@lukehaas Nexus 5, chrome v 59.0.3071.125 (Same version as @vladimircordas)

[lucasprogamer]

Great Plugin, but i have same issue, i use touch Scroll:false, but in iphone and some small devices that does not works.

[jayharland]

Any update on this? I've disabled touchScroll, but I was using Scrollify specifically for the mobile site so now it's working less than ideal.

[angelarted]

How can the plugin work on mobile setting touchScroll:false? The problem I'm having on mobile is that after and before callbacks fire twice if I try to scroll when the assisted scroll is not jet finished, so the behaviors I want to perform doesn't perform correctly. I was not able to find a solution... any idea would be appreciated.

[buggles333]

I am also experiencing this issue, seems to be related to standardScrollElements for me. If I enable it for a section then attempting to scroll with touch causes it to jump.

Has anyone managed to work out a solution or workaround yet?

[Shashank-Bhatt1]

Can anyone suggest how to make fixed header as standard scrollable in mobile view?

[lucasprogamer]

Can anyone suggest how to make fixed header as standard scrollable in mobile view?

you can follow this example https://www.jarbastoledo.com.br/ there is created 2 menus one for desk following scrollify example and another to mobile with position fixed outside scrollify

[Shashank-Bhatt1]

Can anyone suggest how to make fixed header as standard scrollable in mobile view?

you can follow this example https://www.jarbastoledo.com.br/ there is created 2 menus one for desk following scrollify example and another to mobile with position fixed outside scrollify Thanks for your reply. Can you tell why if one touchscroll inside menu whole page keeps scrolling.I want to disable page scroll if one scroll inside menu in mobile view.

[lucasprogamer]

Can anyone suggest how to make fixed header as standard scrollable in mobile view?

you can follow this example https://www.jarbastoledo.com.br/ there is created 2 menus one for desk following scrollify example and another to mobile with position fixed outside scrollify Thanks for your reply. Can you tell why if one touchscroll inside menu whole page keeps scrolling.I want to disable page scroll if one scroll inside menu in mobile view.

You can take touchScroll event and use $.scrollify.destroy() or $.scrollify.enable() after that

[lucasprogamer]

Can anyone suggest how to make fixed header as standard scrollable in mobile view?

you can follow this example https://www.jarbastoledo.com.br/ there is created 2 menus one for desk following scrollify example and another to mobile with position fixed outside scrollify Thanks for your reply. Can you tell why if one touchscroll inside menu whole page keeps scrolling.I want to disable page scroll if one scroll inside menu in mobile view.

You can take touchScroll event and use $.scrollify.destroy() or $.scrollify.enable() after that

[Shashank-Bhatt1]

Thanks for reply and voila it worked.