当前位置: 首页 > news >正文

让fixe和absolute根据锚点元素定位

作用

让fixe和absolute根据锚点元素去定位

使用方式

父元素

 anchor-name: --health-selected;

子元素

    const supportAnchor = 'position-anchor' in document.createElement('div').style;const table = document.querySelector('.health-select-all-table') as unknown as HTMLElement;const target = document.querySelector('.health-table-select-all-checkbox');if (isTreeData || !target || !supportAnchor) return;target.parentElement.style.cssText += `border-top: 1px solid rgba(0, 0, 0, 0.1);position: fixed;position-anchor: --health-selected;bottom: anchor(bottom);left: anchor(left);right: anchor(right);background: #fff;`;table.style.paddingBottom = `${target.parentElement.getBoundingClientRect().height}px`;

在这里插入图片描述

相关文章:

  • python如何提取Chrome中的保存的网站登录用户名密码?
  • 2021-11-16 C++歌手去掉2最高2最低均分
  • 《从零构建大模型》PDF下载(中文版、英文版)
  • [面试]SoC验证工程师面试常见问题(六)高速接口篇
  • [CANN] 安装软件依赖
  • 如何在postman使用时间戳
  • 【Linux基础】文件查找和文本处理指令
  • Java基础 集合框架 Collection接口和抽象类AbstractCollection
  • drf 使用jwt
  • 智能库室联管联控系统|智能兵器室门禁管理系统
  • transformers基础组件之pipeline
  • navicat 如何导出数据库表 的这些信息 字段名 类型 描述
  • 《AI大模型应知应会100篇》第53篇:Hugging Face生态系统入门
  • 【动态导通电阻】软硬开关下GaN器件的动态RDSON
  • 使用FastAPI和React以及MongoDB构建全栈Web应用02 前言
  • 投影显示技术全解析:主流方案对比与雷克赛恩 CyberPro1 的核心优势
  • Jmeter中的BeanShell如何使用?
  • vscode_python远程调试_pathMappings配置说明
  • 美国、日本、印度、印度尼西亚\东帝汶、台湾电台电视地图数据
  • [学习]RTKLib详解:rtksvr.c与streamsvr.c
  • 瑞士联邦主席凯勒-祖特尔、联邦副主席帕姆兰会见何立峰
  • 卢正已任上海市司法局党委委员、副局长
  • 75岁亚当·费舍尔坐镇,再现80分钟马勒《第九交响曲》
  • 大风暴雨致湖南岳阳县6户房屋倒塌、100多户受损
  • 60岁济南石化设计院党总支书记、应急管理专家李有臣病逝
  • 夜读丨最美的风景,在亲人的目光里