我使用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加载等其他功能)。
如果我想要快速的页面加载和平滑的滚动,必须进行哪些更改?