javascript - 检测浏览器是否支持位置: fixed

Question

有没有什么可靠的方法可以检测浏览器是否支持position fixed？

我找到了一些解决方案，但似乎没有一个在所有浏览器上都能正常工作。

Answer 1

在使用 jQuery Mobile 开发移动应用程序时，我遇到了同样的问题。标题应该有固定的位置(如果浏览器支持)，解决方案是在 css 上设置默认的 position: fixed 标题，并通过以下方法检查支持的属性:

function isPositionFixedSupported() {
    return $( '[data-role="header"]' ).css( 'position' ) === 'fixed';
}

如果浏览器不支持，则返回值为static。