Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/meteor/3.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
无法使用jquery在窗口上调整元素的高度_Jquery_Css - Fatal编程技术网

无法使用jquery在窗口上调整元素的高度

无法使用jquery在窗口上调整元素的高度,jquery,css,Jquery,Css,我想将边栏的高度与视频播放器元素相匹配,所以基本上我有这个html结构 出于某种原因,我无法理解为什么两个元素的高度值不同。请看这个快速视频 我不想将溢出:隐藏添加到我的侧边栏,因为我在框外有需要可见的按钮。发生这种情况是因为转换属性是css。您需要删除主图元(用于测量高度)上的过渡 或者,您需要在上次resize事件发生0.5s后重新计算侧边栏的高度(过渡结束时): var resizeTimeout = null; $(window).resize(() => { matchH

我想将边栏的高度与视频播放器元素相匹配,所以基本上我有这个html结构

出于某种原因,我无法理解为什么两个元素的高度值不同。请看这个快速视频


我不想将
溢出:隐藏
添加到我的侧边栏,因为我在框外有需要可见的按钮。

发生这种情况是因为
转换
属性是css。您需要删除主图元(用于测量高度)上的过渡

或者,您需要在上次
resize
事件发生0.5s后重新计算侧边栏的高度(过渡结束时):

var resizeTimeout = null;
$(window).resize(() => {
    matchHeight();
    clearTimeout(resizeTimeout);
    resizeTimeout = setTimeout(matchHeight, 500);
});