Javascript 如何将div固定在静态定位的div中？

我的问题是放置一个position:fixed的div在position:static的div中

我有几个网站，我把标题固定在窗口顶部。我也有视差效果。我使用javascript允许我向标题中添加一个类，以便它在滚动时缩小并更改不透明度

以下是javascript、布局和CSS：

$（函数（）{
$（“#页”）。滚动（函数（）{
如果（$（“#页”）.scrollTop（）>0）
$（“#标题”）.addClass（“滚动”）；
其他的
$（“#标题”）.removeClass（“滚动”）；
});
});

#页面{
高度：100vh；
溢出x：隐藏；
溢出y：自动；
透视：100毫米；
透视原点：右上角；
位置：静态；
}
#标题{
填充顶部：34px；
填充底部：34px；
背景色：rgba（255、255、255、0.2）；
高度：110px；
位置：固定；
宽度：100%；
边缘顶部：36px；
z指数：1；
指针事件：无；
过渡：背景。8s；
}
我们需要css以及Post css部分。固定位置的元素将相对于视口进行定位。要定位，我们需要提前使用css部分。使用相对而不是固定位置。然后使用top:0将子对象固定到父对象的顶部：）