javascript - Opera 中的慢速滚动(11)使用固定位置和文本阴影

Question

我正在为所有 p 和 headline 标签使用文本阴影(2px 白色发光以获得更好的可读性)，一切正常，直到页面滚动并且 javascript 更改绝对定位在一个元素上固定 - 我想保持可见。

除了改变 Opera 的样式以使其平滑滚动之外，还有什么办法吗？ overflow:auto 在这种情况下不起作用...

谢谢

Answer 1

如果不看代码很难说 100%，但我猜你为这个页面设置样式的方式使得 Opera 在滚动时做了大量的回流和绘画，样式的组合将使它成为一个非常昂贵的操作。 (如果能看到 jsfiddle 或获得指向实际页面的链接会很好，这也会使就可能的解决方法提出建议变得更简单)。

您可以尝试各种修复方法 - 例如在屏幕上保留您想要的元素的样式 position:absolute 并在滚动事件后将其从 JavaScript 中移走，或者简单地避免在 Opera 中设置 position:fixed 并让元素滚动离开更好的滚动性能。

但是，我强烈建议您先向 Opera 报告错误。为什么？

网络的原因和起源是协作。对于(可以理解的)受挫于浏览器错误的 Web 开发人员来说，这可能并不明显，但他们有责任帮助浏览器 vendor 在发现问题时进行改进，从而为插入 Web 向前发展做出贡献。像 Opera 这样的少数浏览器诚然拥有较少的开发和 QA 人员资源，但在某种程度上来自用户社区和“普通”Web 开发人员的支持弥补了这一点，并使较小的参与者也可以在 Web 生态系统中进行开发。我认为这是网络的优势之一，也是没有一家公司能够主宰它的真正原因。

所以请报告您的问题:)