检测浏览器是否支持position:fixed

Question

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

我找到了一些解决方案,但它们似乎都不适用于所有浏览器.

Answer 1

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

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

static如果浏览器不支持返回的值.