Safari浏览器(Mac系统和iOS)与绝对定位基于WebKit的浏览器性能问题

时间:2019-01-30 21:33:08

标签: css safari css-position mobile-safari

我使用pdf2htmlex软件转换PDF文件转换为可以很容易地提供给用户的HTML文件。 HTML输出包含两个div(一个侧栏和一个文档页) - 都与CSS position: absolute。基于WebKit的浏览器(Safari浏览器为主) - 整个页面呈现缓慢,有时它只是崩溃,如果加载它,然后重新喷漆不断。闪烁(Chrome,Edge)正常运行。

我试图摆脱position: absolute并将侧边栏和页面容器的CSS样式重写为display: flex(视觉外观相同,但是性能问题仍然存在)。之后,我试图CSS样式重写为display: inline-block与相同的结果。

看看这个官方演示: https://pdf2htmlex.github.io/pdf2htmlEX/demo/issue65_en.html 在Safari(macOS和iOS)和基于Webkit的浏览器中,例如主显节(Ubuntu)都很慢(加载,滚动)。应该是因为不断重画整个页面(其他浏览器中没有)。如果您使用元素检查器并取消选中position: absolute上的CSS规则#page-container,一切都会好起来的(但这会破坏AJAX加载等其他功能)。

如果我想要快速的页面加载和平滑的滚动,必须进行哪些更改?

0 个答案:

没有答案