O'Reilly logo

PhoneGap by Andrew Lunny

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Time for action – Scrolling list of food

As hinted in the above note, we'll need to get a mobile Webkit touch-enabled device, or at least an emulator, up and running to play with iScroll. Start a PhoneGap project for iPhone, Android, or BlackBerry 6+, and copy the food list code we've been working on into the www directory—make sure you can load up the app on the device or emulator before going any further.

Also, ensure that you have Internet access on your emulator—for Android, you may need to change some settings, as outlined in this blog post: http://www.paulmccrodden.com/2010/12/android-emulator-internet-access/

  1. First, make sure the correct viewport meta tag is on the page. The head of index.html should look like this:
    <head> <title>Sites Without ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required