固定 header 滑块

Question

向下滚动时，我不知道如何在滑块中设置位置 'fixed' 按钮。 请帮忙。 我尝试在 css '.slider-item button{position:fixed}' 中设置，但它没有用。

https://codesandbox.io/s/compassionate-fog-bf8rm?file=/src/index.css

Answer 1

将这些属性添加到您的按钮，并从您的 .slider-container[=17] 删除 overflow: hidden =]

.slider-item button {
  position: sticky;
  top: 10px;
}