Я разрабатываю мобильное приложение, используя сборку PhoneGap, поэтому использую HTML / CSS / JS
Мое приложение отлично работает на Android и iPhone, однако на iPad оно было неправильно масштабировано, что привело к его отклонению из магазина. .
Чтобы восстановить правильное соотношение сторон, чтобы исправить масштабирование, я добавил следующий код:
var body = document.getElementsByTagName("html");
for(var i = 0; i < body .length; i++)
{
body [i].style.paddingTop = "56.25%";
}
Однако это работает точно так, как предполагалось:
Когда я прокручиваюк нижней части страницы теперь он внезапно остановится в начале нижнего отступа.
Затем я должен снова прокрутить, чтобы добраться до нижней части страницы, как будто прокручивая другой элемент. Затем, когда я прокручиваю назад вверх, то же самое происходит на том же расстоянии от вершины.
Используя инспектор элементов в Chrome, я вижу, что проблема заключается в заданном мной заполнении.
здесьмой html-тег, которым я манипулирую, когда обнаруживаю устройство iPad:
html
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--royalpaleblue);
text-align: center;
padding: 0;
margin: 0;
overflow: hidden;
z-index: 0;
font-family: Ubuntu, "times new roman", times, roman, serif;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently supported by Chrome and Opera */
overflow-y: scroll !important; /* has to be scroll, not auto */
-webkit-overflow-scrolling: touch !important;
padding-bottom: 0%;
}
Я не уверен, что является причиной этого, и я не могу найти что-либо в Интернете, поэтому естьспособ прокрутки игнорировать заполнение и перейти к нижней части страницы?