Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 检查:如果子项溢出→;将CSS变量设置为父元素_Javascript_Css_Scroll_Tabs_Overflow - Fatal编程技术网

Javascript 检查:如果子项溢出→;将CSS变量设置为父元素

Javascript 检查:如果子项溢出→;将CSS变量设置为父元素,javascript,css,scroll,tabs,overflow,Javascript,Css,Scroll,Tabs,Overflow,我已经尝试了很多方法来检查选项卡条带>a在加载窗口时是否溢出,在调整窗口大小时是否溢出,但是没有任何效果 如果a溢出→ 减少Tab_Stripe高度(在其父级上设置CSS变量) 我尝试过的代码: const childs=Tab_Stripe.childs; 函数检查_上下(){ 让totalWidth=0; //[…Tab_Stripe.children].forEach((child)=>(totalWidth+=child.offsetWidth)); 对于(变量i=0;i调整大小

我已经尝试了很多方法来检查
选项卡条带>a
在加载窗口时是否溢出
在调整窗口大小时是否溢出
,但是没有任何效果

如果
a
溢出→ 减少
Tab_Stripe
高度(在其父级上设置CSS变量)

我尝试过的代码:
const childs=Tab_Stripe.childs;
函数检查_上下(){
让totalWidth=0;
//[…Tab_Stripe.children].forEach((child)=>(totalWidth+=child.offsetWidth));
对于(变量i=0;i调整大小时正确
//确定Tab_Stripe.children的组合宽度
if(总宽度选项卡\条带.滚动宽度){
x、 setProperty(“--tab stripe height”,“58px”);
}
}
选中下面的复选框();
window.addEventListener(“加载”,检查下方);
window.addEventListener(“调整大小”,勾选下方)