function handleBorderLineTransition(tabId) {
const tabEl = document.getElementById(tabId);// 当前tab
const boxEl = document.getElementById("diagnose-tab-container");// tab container 宽度固定
const lineEl = document.getElementById("diagnose-tab-line");
if (tabEl) { // 元素还不存在,不做处理
const curRect = tabEl.getBoundingClientRect();
const boxRect = boxEl.getBoundingClientRect();
lineEl.style.transform = `translateX(${curRect.x - boxRect.x + 9}px)`;// 当前tab左侧到屏幕的值(+) - container左侧到屏幕的值(-)
lineEl.style.width = `${curRect.width - 30}px`;
}
}
11-27
3406
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
“相关推荐”对你有帮助么?
-
非常没帮助
-
没帮助
-
一般
-
有帮助
-
非常有帮助
提交