TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Fast animation with iOS WebKit

61 pointsby dpearsonover 13 years ago

5 comments

ender7over 13 years ago
This kind of stuff is par for the course when developing for web iOS, sadly.<p>To get truly good easing functions, you usually have to write your own (the built-in ones in CSS are limited and rarely look good). Scrolling the page disables ALL transform repainting until the scroll has completed, so if you want to do anything fancy during a scroll you have to disable native scrolling and simulate it with scrollability (or something similar). iOS does not handle images well, especially high-res images (or many small images). Nor, sadly, does it handly opacity transforms well.<p>There are hacks to get around most of these limitations, but if you are, say, in a situation where you want to animate a series of images in a manner that involves opacity, you're going to get a royal headache. Think that's not that common? It happens more often than you'd think, usually in the form of fancy transitions between UI elements.
DenisMover 13 years ago
Comparing iScroll with Scrollability on iOS5, the former feel like gliding an object on the regular desk (in my case - iPhone 4), while the latter feels like air hockey on steroids. That is one makes scrolling stop too quickly, while the other makes it a bit too long. Both seem perfectly useable, and while scrollability feels a little bit better, I would never be motivated to develop something like this myself, iScroll feels perfectly adequate.<p>Perhaps a split-test is in order?
mikhuangover 13 years ago
I was playing with the new iPhone features page at <a href="http://apple.com/iphone/features" rel="nofollow">http://apple.com/iphone/features</a> on iPad running iOS 4 and it has several horizontal scrolling bits that seem to work quite well. swap_view.js is probably responsible for the scrolling but I can't quite figure out how it works, perhaps this could be a viable alternate method?
aaronbrethorstover 13 years ago
This is very impressive on iOS 5. Also impressive is the table view demo at <a href="http://joehewitt.github.com/scrollability/tableview.html" rel="nofollow">http://joehewitt.github.com/scrollability/tableview.html</a> -- the scrolling feels a bit off (it doesn't accelerate quite right), but this is <i>way</i> better than anything else out there.
MatthewPhillipsover 13 years ago
Joe, why are you so obsessed with making the web look like iOS? Just curious.
评论 #3078106 未加载
评论 #3078021 未加载