Hi all,
I'm using the Parallax function from Edge Commons to build a parallax website.
It looks great on all browsers, and most mobile devices, except everything Apple iOS.
On any device running iOS, there's no animation when scrolling.
I know that basic parallax scrolling isn't supported in iOS (yet), but would there be some workaround using touch functions?
The following code works just as well as the Edge Commons function by the way, may be this could be modified to work with iOS?
$(window).scroll(function(e){
var scrollTop = $(window).scrollTop();
var docHeight = $(document).height();
var winHeight = $(window).height();
var scrollPercent = (scrollTop) / (docHeight - winHeight);
var percentageScrolled = (scrollPercent*100)/100;
var pos = Math.round(percentageScrolled*sym.getDuration());
sym.stop(pos)
});