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

标签 javascript opera css-position css

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

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

谢谢

最佳答案

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

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

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

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

所以请报告您的问题:)

关于javascript - Opera 中的慢速滚动(11)使用固定位置和文本阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9141588/

相关文章:

html - 如何在图像元素上获得绝对定位?

javascript - jQuery.toggle - 在交替单击时执行两个或多个处理程序

javascript - 如何定位工具提示以跟随它在 D3 中附加的数据点?

javascript - 如何区分二进制和十六进制值

javascript - 使用 Javascript 关闭当前选项卡 Firefox 和 Opera

css - 为什么当位置设置为固定时 div 会调整大小?

html - YouTube iframe 显示在 `position: sticky` CSS div 上

javascript - ng-if 内的 Angular js

html - 我的整个网站在 Firefox 和 Opera 中是不同的颜色

javascript - Opera 中的 SetInterval 导致选择闪烁