Html css位置问题：在滚动期间修复

我正在做一个学校的项目，我很难修复我在它附近创建的滑块的底部。 问题是，当我滚动页面时，即使我使用position:fixed on css，它们也会随之滚动。（希望我能解释清楚） 非常感谢那些帮助我的人

.carousel容器{
垫面：6%；
保证金：自动；
溢出：隐藏；
高度：720px；
宽度：1080px；
转化：无；
}
.旋转滑梯{
显示器：flex；
宽度：100%；
高度：720px；
}
#前置按钮{
位置：固定；
最高：50%；
z指数：10；
左：10%；
光标：指针；
}
#下一按钮{
位置：固定；
最高：50%；
z指数：10；
右：10%；
光标：指针；
}

它们会滚动，因为你给了它们一个特定的高度和宽度，所以当高度>750px时，div的位置就会结束。我只是将galleria div设置为一个容器，这样所有元素都在里面，所以它就像一张卡片，里面的元素就会固定；您可以尝试以下代码：

.Galleria{
宽度：100vw；
高度：100vh；
位置：相对位置；
.转盘式集装箱{
垫面：6%；
保证金：自动；
溢出：隐藏；
高度：720px；
宽度：1080px；
转化：无；
位置：固定；
}
.旋转滑梯{
显示器：flex；
宽度：100%；
高度：720px；
}
#前置按钮{
位置：固定；
最高：50%；
z指数：10；
左：10%；
光标：指针；
}
#下一按钮{
位置：固定；
最高：50%；
z指数：10；
右：10%；
光标：指针；
}