But, it makes the page 'bounce' (area circled below), which is not the case when you are not using it, but which makes the experience a little less 'native' (and more simply, as far as I can have an opinion. Please refer to the Website Terms of Use for more information in this regard. I have a scrollable div with the following css: overflow-x:hidden overflow-y:auto -webkit-overflow-scrolling: touch width:200px height:500px However on iOS devices, when the content inside of the div is wider than the div itself, x-axis scrolling is enabled. On a mobile (Safari, webviews, wherever), overflow:scroll and overflow-scrolling: touch give a pretty smooth scroll, which is cool. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc.

webkit-overflow-scrolling: auto -webkit-overflow-scrolling: auto important overflow-scrolling: auto overflow-scrolling: auto important overflow:scroll Ive tried all the combination of the above but still no luck.

When I add the CSS property and set it to touch, it scrolls horizontally as expected.However, it also scrolls vertically. This works fine without -webkit-overflow-scrolling, but I don’t get the native bouncing on the iPhone.It only scrolls horizontally, not vertically, as I want. It seems to me adding -webkit-overflow-scrolling: touch creates a new stacking context for every descendent with a position set other then static regardless if z-index is set. Please refer to the Website Terms of Use for more information in this regard.Ĭonfindential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. The momentum scrolling keeps being applied. I have a div that needs to scroll horizontally. After removing the -webkit-overflow-scrolling: touch it renders just as I expect. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. css, scroll Try these useful methods to get the browser scrolling. The following sample will add two stars after. Disclaimer: The information provided on and affiliated web properties (including the DevExpress Support Center) is provided 'as is' without warranty of any kind. scroll down the vertical/horizontal bars CSS fix for 100vh in mobile WebKit. No scroll chaining occurs to neighboring scrolling areas, and default scroll overflow behavior is prevented. overflow: scroll or auto we always need to define fixed dimensions, as in.

Css webkit overflow scrolling