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
Equal Width Flex Items Even After They Wrap
What's the Proper Value For a Checked Attribute of an HTML Checkbox
How to Make an HTML Button Not Reload the Page
How Does Jquery Work When There Are Multiple Elements With the Same Id Value
How to Trigger Autofill in Google Chrome
How to Get a Div to Float to the Bottom of Its Container
Html Attribute With/Without Quotes
What Characters Are Allowed in Dom Ids
How to Remove Underline from a Link in Html
Flexbox Fill Available Space Vertically
How to Center Elements on the Last Row in CSS Grid
How to Use the "Required" Attribute With a "Radio" Input Field
Center Image Horizontally Within a Div
How to Prevent Downloading Images and Video Files from My Website
Target="_Blank" Vs. Target="_New"