How to replicate background-attachment fixed on iOS
It has been asked in the past, apparently it costs a lot to mobile browsers, so it's been disabled.
Check this comment by @PaulIrish:
Fixed-backgrounds have huge repaint cost and decimate scrolling performance, which is, I believe, why it was disabled.
you can see workarounds to this in this posts:
Fixed background image with ios7
Fixed body background scrolls with the page on iOS7
Background image not working with Safari browser from my phone
Background Attachments have been disabled in mobile browsers.
Change background-attachment
to something like background-size: cover
.
For more information:
How to replicate background-attachment fixed on iOS
From the post:
Check this comment by @PaulIrish:
Fixed-backgrounds have huge repaint cost and decimate scrolling
performance, which is, I believe, why it was disabled.
Related Topics
How to Make a Fix Positioned Menu Bar
Checking Hardware Acceleration Availability? (Testing Available)
How to Style the Default Wordpress Audio Player with CSS
CSS 2, Precedence of Stylesheets Imported Using Link Element
Do CSS Variables Work Differently in Microsoft Edge
How to Use Data Attributes with Font Awesome
Css: How to Combine Multiple Stylesheets into One
Twitter Bootstrap Custom Carousel Indicators
Bootstrap 3 - Add an Asterisk to the Input on the Same Row
Blinking Loading Text in R Shiny
CSS - Position Absolute & Document Flow
How to Set Maximum Number of Rows in a Flexbox Container and Hide Extra Element
Outlook 2010 Not Respecting CSS, Even <Font> Tags for Every Text
Jw Player: Cross-Browser "Display:None" Player Behavior