如何使Chrome Packaged Apps中的窗口（网络视图）滚动显示内容超过可用高度的页面？

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