Fixed header of slider

Issue

I can't figure out how to set position 'fixed' button in my slider when i scroll down. Please help. I've tried to set in css '.slider-item button{position:fixed}' but it did't work.

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

Solution

Add these properties to your button and remove overflow: hidden from your .slider-container

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

Answered By - Eduard