AB
0
Cover Scroll in Email for Mobile
Morning guys,
Anyone know if a process similar to this: http://jsfiddle.net/WsXP6/132/ can be implemented into mobile optomised email?
Thanks and have a good day.
Morning guys,
Anyone know if a process similar to this: http://jsfiddle.net/WsXP6/132/ can be implemented into mobile optomised email?
Thanks and have a good day.
Potentially for iOS Mail would be my guess... why not try it and let us know what you find out? :)
Here's a good example of a similar effect in an email (the VW camper at the bottom).
https://litmus.com/scope/eie278jqk2pg
Unfortunately
background-attachment: fixed;
doesn't work everywhere, off the top of my head iOS, Outlook, Yahoo don't support it. But it'll just fallback to the defaultbackground-attachment: scroll;
For iOS you could also fake it using
position:fixed;
if you really wanted.Cheers Mark,
I coded this up, works fine in browser but as you correctly stated IOS doesn't like background-attachment:fixed, any idea how I could achieve the same result using position:fixed?
I commented above and below the area to make it easier to locate.
https://jsfiddle.net/dcc88q09/
Thanks for your help
To do this with
position:fixed;
you need to remove the background and use a:after
pseudo element in it's place. Set the background on this, fix the position and move it behind the rest of the content withz-index:-1;
Here's the CSS to add.
Then to get that working in iOS only, try wrapping it in this media query
Not checked that media query, just joined together ones I've used for iPhones and iPads before, it should work... I think...
Cheers