In Sencha touch2 How to enable browser scrollbar

Question

For some reason, I like to use the browser scrollbar instead of sencha.

I already set the overflow to auto for the body, but still don't see the scroll bar until I set the fixed height to "ext-viewport" manually in the chrome panel, say 2000px.

it looks like the viewport always automatically fits the screen size. are there any settings to disable it and enable browser scrolling?

Thanks in advance.

---

May 19th updates There is some progress,

• In Ext.viewport.Android → doFixSize will automatically adjust to the screen size, comment on it, and then set / detect fixed
• in Ext.viewport.Default , it swallows the touchstart/touchmove , so the scrollbar doesn't work by setting preventPanning/preventZooming to false . I can make the scroll bar work. it scrolls much faster than sencha scroll :)

carousel is not working right now, exploring ...

---

June 20 updates

The carousel will not work with the native scrollbar in Android 4 due to the error below http://code.google.com/p/android/issues/detail?id=19827

with a native scrollbar, only the touchstart and the first touchmove event are fired, the subsequent touchmove and touchhend are lost, so it is impossible to implement a carousel without e.preventDefault ().

one desktop - listen for touch events when the purpose of the event is a carousel, and then call e.preventDefault to disable its own scrollbar ....

Answer 1

try this code

Ext.viewport.setScrollable(false); Ext.viewport.element.dom.childNodes[0].style.overflow = 'scroll';