Как заставить окно (веб-просмотр) в упакованных приложениях Chrome прокручиваться для страниц с содержимым, превышающим доступную высоту?

Я создал тестовое приложение с помощью Yeoman/Angular.js и вставил фрагмент загрузки HTML (отзывчивого), чтобы просмотреть его как упакованное приложение Chrome (CPA). Высота страницы со всем ее содержимым больше, чем высота упакованного приложения в полноэкранном режиме.

Кажется, нет возможности прокрутить представление вниз (касание/перетаскивание мышью), чтобы увидеть содержимое ниже. Как добавить/включить полосу прокрутки на странице? Разве это не должно быть по умолчанию?


google-chrome google-chrome-frame
person Marvin Danig    schedule 14.12.2012    source источник
comment
ха. У меня проблема, когда я не могу заставить его НЕ прокручивать. Я пытаюсь скрыть переполнение, но оно по-прежнему показывает полосы прокрутки, когда содержимое больше, чем ширина/высота, которые я установил. Возможно, вы можете попробовать указать точную ширину/высоту в своем веб-просмотре (установите что-то маленькое) и посмотреть, прокручивается ли он.   -  person JT703    schedule 05.02.2013
comment
В ответ на JT703, который пытается предотвратить прокрутку в веб-просмотре, и всем более поздним читателям, пытающимся сделать то же самое, у меня сработало следующее: ‹style›body {overflow: hidden;}‹/style›   -  person danf    schedule 28.08.2014

Ответы (2)


arrow_upward
4
arrow_downward

Была такая же проблема. В свой файл css добавьте:

html {
    overflow-y: scroll;
}
person Matferib    schedule 25.04.2013

arrow_upward
0
arrow_downward

Ниже приведено еще одно более плавное решение:

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

Jsfiddle

Справочник

person Talayhan    schedule 03.08.2015