- This topic is empty.
-
AuthorPosts
-
December 20, 2011 at 12:28 pm #35752
ralphiedee
MemberI got the hang of this, but I notice that ANY sample sit using this does not work on IPad or IPhone. I did a search for the closest updates to either canvas or the JQuery plug in and cannot find anything that will work on those platforms. Desktop versions look great but this is a hard sell to clients who want this in re designed sites but will surely back away once they know it does not work well in IP or IPh.
Anybody have any other info on this?
December 21, 2011 at 1:45 pm #93193ralphiedee
MemberExcellent point, I just came across a WordPress theme that uses parallax scrolling . it displays fone in IPhone but the scrolling effect isn’t the same. I have another question regarding parallax scrolling so not to confuse I will start a new thread, thx
RD
December 22, 2011 at 6:45 pm #93263thenbrent
MemberRalphiedee, at the moment, it’s not possible on iOS devices. iOS devices freeze DOM manipulation during scroll, queuing them to apply when the scroll finishes.
For more details, see the Scroll events section of the jQuery mobile site.
August 10, 2012 at 9:23 pm #107716rstewart
MemberYou can do it by down loading the smallest touch swipe container on the internet at http://torontographic.wordpress.com/
Parallex scrolling on iOS by me.
ThanksAugust 28, 2012 at 9:50 am #108607hicksyfern
MemberHi,
We recently released a site which does parallax scrolling on iPad. There is a bit of an explanation, and a video of it in use here: http://www.aerian.com/portfolio/one-potato/one-potato-html5-website
and the site itself if you have an iPad to play with:
To do this, we have written some JavaScript library code which we are looking to open-source in the near future.
If you’d like some help on this, IM me on here.
Cheers,
TomSeptember 5, 2012 at 10:59 pm #109295stephenwho
MemberVery nice! I’d be very interested to know when it’s released.
September 5, 2012 at 11:12 pm #109296TheDoc
MemberVery cool indeed. Please let us know when you release the script!
September 13, 2012 at 2:19 pm #110000ulikimmich
MemberHi hicksyfern, would love to try out your JavaScript lib.
September 13, 2012 at 3:30 pm #110002McG
MemberThere’s a jQuery parallax plugin called [Stellar.js](http://markdalgleish.com/projects/stellar.js/) which has [a demo](http://markdalgleish.com/projects/stellar.js/demos/ios.html) that works in tandem with [Scrollability](http://joehewitt.github.com/scrollability/) to achieve a touch-friendly parallax scrolling effect.
That said, that demo also works with click-and-drag in desktop browsers, so you’d probably also want to include some code that checks for touch support and switches between scrolling methods accordingly.
October 22, 2012 at 6:04 pm #112431Khoa
MemberMark Dalgleish who developped stellar.js explained really well how to achieve this using iScroll.js to simulate an iOS scroll.
Slides here : [Your text to link here…](http://markdalgleish.com/presentations/embracingtouch/ “Embracing touch”)
YouTube [Your text to link here…](http://www.youtube.com/watch?v=Ii5AkRNSVHg&feature=youtube_gdata_player “Hère”)November 24, 2013 at 2:09 pm #157047cmelion
ParticipantFor an excellent example of Parallax Scrolling that actually works on iPad using AngularJS with an iScroll like directive visit http://m.hbo.com/
March 28, 2014 at 8:31 am #166998nomead86
Participanti have found another great example of parallax scrolling. It is one of the rare big parallax Scrolling Sites, that have great Performance on iPads too!
March 28, 2014 at 8:31 am #166999nomead86
Participanti have found another great example of parallax scrolling. It is one of the rare big parallax scrolling sites, that have great performance on iPads too!
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.