phi*_*rt1 7 css macos cocoa webkit webview
我们在Mac OS X上使用WebKit遇到了一个优化问题,我们希望有人可以帮助我们.
我们为Mac OS X编写了一个Cocoa应用程序,它基本上管理一个指向我们在线网站的WebView.在大多数情况下,一切都很好.但是我们的网站使用CSS的位置:固定以保持一个薄的"标题栏"锁定在WebView的顶部,类似于StackOverflow.com顶部的大橙色"欢迎"栏.我们已经确定,对于position:fixed active,滚动WebView会强制整个网页重新绘制自己,这会导致滚动速度非常慢.位置:固定禁用,滚动非常快速流畅; 只需要绘制滚动到"视图"中的页面元素.
我们知道这不是我们的Cocoa应用程序代码中的错误,也不是我们的HTML/CSS代码的问题.使用Apple的WebKit测试代码进行相同的慢速滚动.我们可以将Apple的测试代码指向http://www.StackOverflow.com作为测试,我们会看到完全相同的行为.Mozilla bug数据库中还有一个测试页面,我们一直用它来测试问题(https://bug201307.bugzilla.mozilla.org/attachment.cgi?id=139911).奇怪的是Mac上的一些基于WebKit的浏览器(例如Safari和Chrome)没有这个问题; 使用CSS的位置在页面上滚动总是很快:用这两个浏览器修复.
有没有其他人在OS X上遇到WebKit这个问题？如果是这样,我们可以做些什么来加快我们的滚动？谢谢.
我可能会偏离这里，因为我不确定同样的情况是否适用于您的网络视图，但使用强制导航到其自己的图层的样式可能会有所帮助。
类似translateZ(0) 或translate3d(0,0,0,)。我在使用 Phonegap 构建时也遇到过类似的问题，并将一些想法应用于分层确实很有帮助。
我相信浏览器可以利用涉及三维的硬件加速。