Animation issue when "bounce" set to false and few elements being scrolled

[GoogleCodeExporter]

What steps will reproduce the problem?
1. View the "simple" example, but swap in the attached index.html for the 
default index.html.
2. Attempt to scroll the rows up, to the top of the scrollable area.

Or, to reproduce yourself,
1. Open the index.html for the "simple" example (examples/simple/index.html)
2. Change it so that the "bounce" option is set to false (when the new iScroll 
object is created, pass {bounce: false} as the option parameter)
3. In the ul with id "theList", delete or comment out all of the li elements 
after row 4, so that there are only four rows.
4. Attempt to scroll the rows up, to the top of the scrollable area.

What is the expected output? What do you see instead?
The rows should stop when they hit the top of the scrollable area (so they 
shouldn't move at all).  Instead, they flicker and bounce around to the top and 
bottom of the scrollable area.

What version of the product are you using? On what operating system?
Version 3.6beta1.  Have seen this in the iPhone simulator running version 4.0, 
and on a Nexus One running Android 2.2.

Please provide any additional information below.
Maybe this is related to the content in the scroller div not being large enough 
to fill the height of the wrapper div?  Also, thank you for this great project!

Original issue reported on code.google.com by cary.cal...@gmail.com on 19 Aug 2010 at 6:56

Attachments:

• index.html

[GoogleCodeExporter]

Theoretically iscroll shouldn't break if content in the scroller is not large 
enough. I'll review this tomorrow.

Original comment by mat...@gmail.com on 19 Aug 2010 at 7:05

• Changed state: Accepted

[GoogleCodeExporter]

Original comment by mat...@gmail.com on 24 Aug 2010 at 6:21

• Changed state: Fixed