How to replicate background-attachment fixed on iOS [duplicate]

by

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

More Related Contents:

  1. Fixed background image with ios7
  2. background: fixed no repeat not working on mobile
  3. How do I remove the blue styling of telephone numbers on iPhone/iOS?
  4. Prevent ligatures in Safari (Mavericks/iOS7) via CSS
  5. How to collect and manipulate data in HTML using
  6. SVG drop shadow using css3
  7. Make a grid item span to the last row / column in implicit grid
  8. border curved css – circle with curved end
  9. What is DOM reflow?
  10. CSS background-image-opacity?
  11. Fixed Table Cell Width
  12. Why anchor tag does not take height and width of its containing element
  13. How to go up a level in the src path of a URL in HTML?
  14. :nth-child(even/odd) selector with class [duplicate]
  15. How to CSS: select element based on inner HTML [duplicate]
  16. left-right movement.. css only very generic
  17. How to disable CSS in Browser for testing purposes
  18. Equalize the height of left and right div, prevent right div from going below left div
  19. How to change an image on click using CSS alone?
  20. Auto Resize Image in CSS FlexBox Layout and keeping Aspect Ratio?
  21. How to center multiple divs inside a container in CSS
  22. How can I create a wavy shape CSS?
  23. Two div blocks on same line
  24. Auto height on parent container with Absolute/Fixed Children
  25. Display text, a dotted line then more text spanning the width of the page
  26. CSS Zigzag Border with a Textured Background
  27. How can I control the width of a label tag?
  28. How to change cursor color without changing text color?
  29. “break-inside: avoid-column” doesn’t work in Firefox
  30. overflow-y:visible not working when overflow-x:hidden is present [duplicate]

Leave a Comment