最可靠的方法是遍历所有元素并用getcomputedstyle检查position值：function getfixedelements(){const all=document.queryselectorall('*');const fixed=[];for(const el of all){const s=window.getcomputedstyle(el);if(s.position==='fixed')fixed.push(el);}return fixed;}
可以通过 document.querySelectorAll 配合 CSS 选择器，筛选出 position: fixed 的元素，但要注意：CSS 样式（尤其是 position）不能直接用属性选择器查询，因为 style 属性只是内联样式，而 fixed 定位可能来自外部样式表或 <style></style> 标签。所以需结合计算样式判断。
方法一：遍历所有元素，检查 computed style
这是最可靠的方式，能准确识别所有实际渲染为 fixed 的元素，无论样式来源：
function getFixedElements() {
const allElements = document.querySelectorAll('*');
const fixedElements = [];
for (const el of allElements) {
const style = window.getComputedStyle(el);
if (style.position === 'fixed') {
fixedElements.push(el);
}
}
return fixedElements;
}
// 使用
const fixedNodes = getFixedElements();
console.log(fixedNodes); // 返回所有 position: fixed 的节点数组
方法二：只查内联 style 含 position: fixed 的元素（局限但快）
仅适用于明确写了 style="position: fixed" 的元素，无法捕获 class 或外部 CSS 控制的情况：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
const inlineFixed = document.querySelectorAll('[style*="position: fixed"], [style*="position:fixed"]');
注意：这种写法不健壮，容易漏匹配（如空格差异、大小写、缩写、带单位等），仅作快速排查参考。
方法三：结合 class 约定 + computed style（推荐工程实践）
若项目中固定定位元素有统一 class（如 js-fixed 或 fixed-header），可先缩小范围再验证样式，兼顾性能与准确性：
- 给固定定位区域添加语义化 class，例如
<header class="header-fixed"></header> - 用
querySelectorAll('.header-fixed, .sidebar-fixed')获取候选元素 - 对候选元素调用
getComputedStyle二次确认position === 'fixed'
补充说明
重要提醒：getComputedStyle 返回的是最终渲染样式，但对未插入文档的元素（如刚创建的 document.createElement 节点）或 display: none 元素，其 position 值仍可能返回 'fixed'，但实际不参与布局。如需严格按“当前可见且固定定位”筛选，还需额外检查 offsetParent !== null 或 el.offsetParent !== undefined。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
