background-attachment: fixed is not displaying 2nd slide

metafizzy / flickity

:leaves: Touch, responsive, flickable carousels

https://flickity.metafizzy.co

7.52k stars 605 forks source link

background-attachment: fixed is not displaying 2nd slide #878

Closed clarknelson closed 5 years ago

clarknelson commented 5 years ago

I have heard this is a css3 bug, but I haven't been able to get it to work at all 😣🤢😵 help please!

Test case: https://codepen.io/clarknelson/pen/ebBJee

desandro commented 5 years ago

Thanks for that. Looks like this is a browser issue. background-attachment: fixed works with natural page scrolling, whereas Flickity uses transforms for positioning elements. If you want to use background-attachment: fixed, then you're better off not using Flickity and using a simple div withoverflow-x: scroll.