CSS - прокрутка переполнения не всегда работает в веб-браузере iOS - PullRequest
Новая
       12

CSS - прокрутка переполнения не всегда работает в веб-браузере iOS

0 голосов
/ 23 ноября 2018

У меня есть 2 <div> в качестве родительского и дочернего слоев, которые работают как контекст (только контекст, без элементов блочного стиля ), отображаемый в контейнере с возможностью прокрутки.

Таким образом, родительский контейнерный слой имеет: 

#parent{
  position: absolute;
  top: 0;
  left: 40px;
  right: 40px;
  width: calc(100% - 80px);
  height: calc(100% - 40px);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

, а дочерний контекстный слой имеет: 

#child{
  width: 100%;
}

Затем был js context reader, который получает большое количество абзацев текста и вставляетв дочерний контекстный слой.

height дочернего контекстного слоя в определенном превышенном родительском слое, поэтому прокрутка должна работать.И это было проверено и подтверждено работой в нескольких браузерах (в основном из-за отладки в chrome) на ПК.

Моя конечная цель - использовать пользовательский интерфейс HTML5 в компоненте WKWebview, который находится в iOS App.И возникла проблема:

  1. Здесь не работает прокрутка, а
  2. Connect-тест в iOS Safari с Mac OS показал ту же проблему

Я решил проблему с применением задержки overflow: scroll вместо setTimeout с addClass.

Но я все же хотел бы знать, если overflow: scroll свойство работает только против:

  1. любой элемент статического статуса перед загрузкой страницы (window.onload или дочерний элемент должен иметь большую высоту изначально для прокрутки на работу)?
  2. какая-нибудь динамическая вставка стиля блока под слоем со свойством прокрутки?
...