Можно ли контролировать прокрутку страницы?

У меня есть HTML-страница с таким iframe:

<body>
    <h1>Page</h1>
    <iframe src="./randompage.html" frameborder="0" allowfullscreen></iframe>
</body>

Однако сама страница прокручивается, и iframe тоже прокручивается. Есть ли способ остановить прокрутку страницы и иметь только прокручиваемый iframe?

(Обратите внимание, что это для приложения телефонной связи)

Дополнительная информация

Похоже, что body { overflow: hidden; } не работает с телефонной связью (см. здесь: проблема телефонной связи и переполнения Android).


html iframe css phonegap
person Beta Decay    schedule 19.07.2017    source источник
comment
Вы пробовали использовать body{overflow-y: hidden}; ?   -  person Rubenxfd    schedule 19.07.2017
comment
@Rubenxfd Хм, нет, я об этом не подумал ... Спасибо   -  person Beta Decay    schedule 19.07.2017

Ответы (3)


arrow_upward
1
arrow_downward

Я бы попытался убедиться, что содержимое вписывается в область просмотра.

Если это невозможно, обрежьте текст, скрыв переполнение.

body {
    overflow: hidden;
}

person T.Newman    schedule 19.07.2017

arrow_upward
1
arrow_downward

Используйте overflow-y: hidden, чтобы остановить (вертикальную) прокрутку страницы. Вы можете добавить это к своему body вот так

body{
    overflow-y:hidden;
}

Посмотрите на эту скрипту

Если вы хотите отключить как вертикальную, так и горизонтальную прокрутку, вы можете использовать overflow: hidden;.

person Rubenxfd    schedule 19.07.2017

arrow_upward
1
arrow_downward

Поскольку overflow:hidden не работает в вашем случае, вы можете, в зависимости от вашего конкретного варианта использования, сделать iframe position:absolute и определить его положение с помощью left и top. Это будет означать, что родительская страница не выходит за пределы области просмотра.

person phil    schedule 19.07.2017