Я использую программное обеспечение pdf2htmlex для преобразования PDF-файлов в HTML-файлы, которые могут быть легко предоставлены пользователю.Вывод HTML содержит два элемента div (один для боковой панели и один для страниц документа) - оба с CSS position: absolute.Браузеры на основе Webkit (в основном Safari) - вся страница отображается медленно, иногда она просто падает, а при загрузке перерисовывается.Blink (Chrome, Edge) работает нормально.
Я пытался избавиться от position: absolute и переписать стили CSS для боковой панели и контейнера страниц на display: flex (визуальный вид был таким же, но проблемы с производительностью остались),После этого я попытался переписать стили CSS в display: inline-block с теми же результатами.
Посмотрите на эту официальную демонстрацию: https://pdf2htmlex.github.io/pdf2htmlEX/demo/issue65_en.html В браузерах Safari (macOS и iOS) и Webkit, например Epiphany (Ubuntu)) это все медленно (загрузка, прокрутка).Это должно быть из-за постоянной перерисовки всей страницы (чего нет в других браузерах).Если вы используете инспектор элементов и снимите флажок с CSS-правила position: absolute на #page-container, все будет хорошо (но это нарушит другие вещи, такие как загрузка AJAX и т. Д.).
Какие изменения должны быть, если я хочу быструю страницузагрузка и плавная прокрутка?