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?

ha. I'm having a problem where I can't get it to NOT scroll. I try to set the overflow to hidden, but it still shows scrollbars when the content is larger than the width/height I set. Maybe you can try specifying an exact width/height on your webview (set it to something small) and see if it scrolls. — JT703, Feb 05 '13 at 15:23
In reply to JT703 who is trying to prevent scrolling in the webview, and any later readers trying to do the same, the following worked for me: — danf, Aug 27 '14 at 22:16

score 4 · Accepted Answer · answered Apr 25 '13 at 23:54

4

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

html {
    overflow-y: scroll;
}

answered Apr 25 '13 at 23:54

Matferib

318
3
10

score 0 · Answer 2 · edited May 23 '17 at 12:14

0

Another more smoothly solution is below:

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

Jsfiddle

Reference

edited May 23 '17 at 12:14

Community

1
1

answered Aug 03 '15 at 10:05

Talayhan

21
4

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

2 Answers2