![]() ![]() Wow your visitors as they scroll down the page with stunning animations. However this did not work for me, although the scrolling sections worked (after I had modified the Modernizr css-overflow-scrolling test to return true for this version of Chrome) the momentum effect of the scrolling was not present. Add custom CSS to any element or add your own code to any page using the Divi. So it would seem that if you are having issues with the scrolling not working as expected then adding z-index: 0 to the element with overflow: scroll then this may help. (This behavior, behindĮNABLE_ACCELERATED_OVERFLOW_SCROLLING, is currently enabled only onĪndroid.) The obvious fix would be to set z-index: 0 on only Non-hidden elements with that property creates a cascade of stackingĬontexts below it. The -webkit-overflow-scrolling CSS property controls whether or not touch devices use momentum-based scrolling for the given element. ![]() There was some funky scrolling on this article I noticed on my phone which is not. So the behavior of setting z-index: 0 on all The CSS property, overscroll-behavior, which was implemented in Chrome on December 2017 and in Firefox on March 2018, is also described in this article. I use Chrome on iOS because I find Mobile Safaris UI to be total poop. webkit-overflow-scrolling + CSS3 Animations + Phonegap API calls touch stops responding. So, I read this article here: Chrome Browser for Android no longer supports -webkit-overflow-scrolling Is there an alternative. Tien-Ren observed while debugging 162363 that -webkit-overflow-touch This was also compounded for me by the fact that due to this change the current Modernizr test for this feature now returns false, so my CSS styles were not being applied.ĭigging around I found another issue that discusses the support for overflow scrolling touch: ![]() I am currently experiencing this issue after updating to the latest version of Chrome for Android. Try adding z-index: 0 to the element with overflow: scroll to create a stacking-context that provides a hint to Chrome to use the fast-scrolling code path. To the children of that element apply a translation in Z, and scale them back up to provide parallax motion without affecting their size on screen. To that same element apply a perspective value, and a perspective-origin set to top left, or 0 0. Does not work and evaluates to false on Chrome version. Set up a containing element to scroll with overflow-y: scroll (and probably overflow-x: hidden ). ![]() But now i can scroll vertically see here. Search for the settings below and change them: Enable touch events: Change from Automatic. The second list adds the -webkit-overflow-scrolling: touch behavior.
0 Comments
Leave a Reply. |