How to make the window (webview) in Chrome Packaged Apps scroll for pages with content more than available height?

Question

I created a test application using Yeoman/Angular.js and pasted a chunk load of HTML (responsive) to view it as a Chrome Packaged App (CPA). The page_height with all its content is more than the height of packaged application in full_screen mode.

There seems no way to scroll down the view (touch/mouse-drag) to see the content below. How do I add/enable scroll bar on a page? Shouldn't this be by default?

Answer 1

Had the same problem. On your css file, add:

html {
    overflow-y: scroll;
}

Answer 2

Another more smoothly solution is below:

body {
    margin:0;
    padding:0;
    overflow-y: hidden;
}
body:hover {
    overflow-y: scroll;
}

Jsfiddle

Reference