html - How to replicate background-attachment fixed on iOS -


this question has answer here:

i'm trying fixed-background-image divs working on ios school project. i've been using

background-attachment: fixed;

but leading weird sizing , no scrolling effects in mobile safari. here site i'm working with; method i'm using quote div image backgrounds works on desktops fails on ios.

somehow, http://www.everyonedeservesgreatdesign.com got working. i'm having difficulty following code because they're using squarespace template of kind, looks they're putting images position:fixed div somehow being clipped position:relative parent div. under impression wasn't possible clip position:fixed divs other viewport, i'm curious what's going on here.

any ideas on how implement method fixed image div backgrounds in site?

it has been asked in past, apparently costs lot mobile browsers, it's been disabled.

check this comment @paulirish:

fixed-backgrounds have huge repaint cost , decimate scrolling performance, is, believe, why disabled.

you can see workarounds in posts:

fixed background image ios7

fixed body background scrolls page on ios7


Comments

Popular posts from this blog

java - Intellij Synchronizing output directories .. -

git - Initial Commit: "fatal: could not create leading directories of ..." -