Javascript 粘性头响应问题

我正在尝试创建一个有粘性的边栏。它在桌面分辨率下运行良好，但不幸的是在响应分辨率下无法运行。而且，在移动分辨率下，粘滞条应该贴在内容的顶部，而不是像桌面分辨率那样贴在左侧。 为了得到更多的澄清，我在这里附上了我的js和css文件。

你们能帮帮我吗

标题
全宽块
粘性边栏
主要内容
全宽块
页脚

使用下面类似的方法。希望这有帮助

.row{
显示器：flex；
}
.左侧边栏{
宽度：30%；
}
@仅介质屏幕和（最大宽度：720px）{
.行{
柔性包装：包装；
}
.左侧边栏{
宽度：100%；
}
}

标题
全宽块
粘性边栏
主要内容
全宽块
页脚

对于响应问题，您需要 否则，您可以使用（css框架）在您的网站上自动进行响应

@仅媒体屏幕和（最大宽度：600px）{
.左侧边栏.主要内容{
宽度：100%；
}
}

标题
全宽块
粘性边栏
主要内容
全宽块
页脚

您能插入一段您试图解释的内容吗？您可以通过插入相关的示例图像来解释更多内容