Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.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 如何在不向主容器添加滚动的情况下将滚动设置为同级子容器_Javascript_Html_Css_Scroll - Fatal编程技术网

Javascript 如何在不向主容器添加滚动的情况下将滚动设置为同级子容器

Javascript 如何在不向主容器添加滚动的情况下将滚动设置为同级子容器,javascript,html,css,scroll,Javascript,Html,Css,Scroll,我有一个场景,在这个场景中,我需要滚动到兄弟姐妹的孩子,而不需要滚动到主容器。我通过计算所有元素的高度,并将剩余的高度分配给孩子们,如下所示 children-class { height: calc(100vh - height-of-header - height-of-footer - height-of-other-elements); overflow: auto; } 示例演示: 我觉得这个解决方案并不优雅,因为计算所有元素的高度并手动添加或使用Javascript

我有一个场景,在这个场景中,我需要滚动到兄弟姐妹的孩子,而不需要滚动到主容器。我通过计算所有元素的高度,并将剩余的高度分配给孩子们,如下所示

children-class {
    height: calc(100vh - height-of-header - height-of-footer - height-of-other-elements);
    overflow: auto;
}
示例演示:

我觉得这个解决方案并不优雅,因为计算所有元素的高度并手动添加或使用Javascript并不是那么简单。请让我知道如何才能做到这一点

谢谢你