Масштаб расчета при динамическом добавлении элементов JavaScript - PullRequest
Новая
       24

Масштаб расчета при динамическом добавлении элементов JavaScript

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

При загрузке данных с сервера и динамическом добавлении карт Material-UI , что делает содержимое экрана немного больше.Контент отлично работает во всех браузерах, кроме Safari-Mobile.В Safari Mobile я получаю очень большую вторую полосу прокрутки, которая прокручивает экран приложения.

Структура DOM выглядит следующим образом: 

HTML -> body -> root(div) -> main

Я пытался:

1) Добавьте следующие роли ко всем контейнерам 

overflow: hidden;
height: 100vh;

2) Измените элементы DOM после завершения загрузки, и setState complete 

 this.setState({...},
                () => {
                    const doc = document.getElementById("main");
                    const roote = doc.parentElement;
                    const body = roote.parentElement;
                    const html = body.parentElement;

                    doc.overflow = "hidden";
                    doc.height = 0 / "100vh" / "100%" ...;
                    // same for all the others
                }
            );

Вот снимок экранавопроса:

simulator

Есть предложения, как этого избежать?

...